Javascript: Обещания + это

Question

Рассмотрим следующий код:

foo: function() { 
    var self = this; 
    var p1 = p2 = someFunctionThatReturnsAPromise(); 

    Promise.all([p1, p2]) 
    .then(self.bar); 
} 

bar: function(promises) { 
    var self = this; 
    console.log(self); 
} 

Выход:

undefined 

Но вместо этого, если я сделать следующее:

foo: function() { 
    var self = this; 
    var p1 = p2 = someFunctionThatReturnsAPromise(); 

    Promise.all([p1, p2]) 
    .then(function(result) { 
     self.bar(result); 
    }); 
} 

bar: function(promises) { 
    var self = this; 
    console.log(self); 
} 

Выход:

{ foo: [Function], 
    bar: [Function] } 

Я не понимаю, почему первый звонок меняется там, где этот точек в функции бара. Может кто-нибудь просветить меня?

Answer 1

Когда вы передаете self.bar методу then, вы передаете ссылку на функцию. Хотя похоже, что вы также указываете, что он должен быть вызван на объект self, это на самом деле не то, что происходит. Объект self не включен в эту функцию. Значение объекта определяется при вызове функции, а не когда оно определено или передано как аргумент.

В вашем втором примере selfявляетсяthis объекта в контексте функции, потому что это, где вы вызова функции от.

Другой способ заставить его работать - заставить объект this объекта всегда быть self, переопределяя описанное выше поведение. Вы можете достичь этого с помощью .bind():

Promise.all([p1, p2]) 
    .then(self.bar.bind(self));