Как работает this?

Question

[DTX]

Объясните плз, почему так происходит.

Answer 1

[Сергей delphinpro]

frontender.info/es6-in-depth-arrow-functions/#chto...

Comments

[DTX]

Я скорее не понимал, как стрелочные функции получают родительский this. Можно ли думать, что функция () => this.func() эквивалента
function () {
this.func();
}.bind(this)?

[Ivanq]

DTX: Да

Answer 2

[Ivanq]

В 1 случае используются стрелочные функции. Они не имеют своего this, наследуя родительский. Например:

// Пусть this - [object MyObject]
function log() {
    console.log(this);
};

var obj = new MyObject2();
obj.on("ready", () => log()); // [object MyObject];

Во 2 случае просто передается функция, еще не вызванная. А когда она вызывается, используется другой this.

// Пусть this - [object MyObject]
function log() {
    console.log(this);
};

var obj = new MyObject2();
obj.on("ready", log); // [object MyObject2];

Answer 3

[warcevil]

Все очень просто, вам просто надо почитать про классы. У них есть свойства и функции. Так вот когда мы используем this, мы указываем, что хотим обратиться к свойству или методу экземпляра этого класса. Попробуйте рассмотреть ваш код более детально. Если поднимитесь повыше, вы увидите, что свойство msg объявлено сверху, ну или объявлено в родительском классе, от которого наследуется ваш класс.