在ES6中替代.on（'error'，this.onError.bind（this））？

Question

function Person() 
} 

function Person.prototype.init() { 
    request('http://google.fr').on('error', this.onError.bind(this)); 
} 

function Person.prototype.onError(error) { 
    console.log(error); 
} 

bind.this在init()需要。我有什麼ECMAScript 6替代方案來解決這個問題？這是唯一的解決方案，似乎我不能在這裏應用箭頭。

Answer 1

直接回答你的問題，ES6不提供，我們可以使用，以避免在其點調用結合onError任何附加功能。 ES6沒有廢除JavaScript執行上下文的行爲。

作爲一個方面說明，您聲明您的實例方法的方式是非法的，並會引發錯誤。

Person.prototype.init = function() { 
    request('http://google.fr').on('error', this.onError.bind(this)); 
}; 

Person.prototype.onError = function (error) { 
    console.log(error); 
}; 

目前您onError方法不會從任何錯誤，如果通過綁定遭遇：他們應該作如下聲明。這是因爲你沒有在onError方法體內使用this：

// Safe unbound method 
Person.prototype.onError = function (error) { 
    console.log(error); 
}; 

// Unsafe unbound method 
Person.prototype.onError = function (error) { 
    console.log(this, error); 
      // ^^^^ 
}; 

Answer 2

您可以使用fat arrow functions：

request('http://google.fr').on('error', (error) => this.onError(error));