這在對象方法的內部函數中

Question

我知道有ES6箭頭函數可以解決這個問題，但這不是問題。我不知道爲什麼這不起作用？我想我聽說某個地方在語言設計上是一個錯誤。我想知道爲什麼這不起作用的基礎機制或一些有用的鏈接。

var test = { 
    firstname: 'David', 
    fn: function() { 

    return ['one', 'two', 'tree'].map(function() { 
     this.firstname; // why is this undefined? 

    }) 
    } 
} 
console.log(test.fn()); 

Answer 1

裏面你Array.prototype.map功能這引用window對象。爲了解決這個問題，你可以綁定它象下面這樣：

var test = { 
    firstname: 'David', 
    fn: function() { 

    return ['one', 'two', 'tree'].map(function() { 
     console.log(this.firstname); // and now it will be your expected result 

    }.bind(this)) 
    } 
} 

Fiddle，也here是鏈接大約Function.prototype.bind方法

我希望它會幫助你