這種訪問變量返回地圖不確定

Question

我收到提示：

Uncaught TypeError: Cannot read property '1' of undefined 

運行時，以下幾點：

function Polygon(width, height) { 
    this.width = width; 
    this.height = height; 
    this.a = [1, 2, 3, 4, 5]; 

    this.build = function() { 
    this.a.map(function(i, v) { 
     console.log(this.a[v]) 
    }); 
    } 
} 

var square = new Polygon(300, 300); 
square.build(); 

發生這僅當試圖陣列功能，例如內引用this.a變量如Array.prototype.map和reduce。該代碼，但是，存儲工作時局部變量中的變量，像這樣：

function Polygon(width, height) { 
    this.width = width; 
    this.height = height; 
    this.a = [1, 2, 3, 4, 5]; 

    this.build = function() { 
    var b = this.a; 
    b.map(function(i, v){ 
     console.log(b[v]) 
    }); 
    } 
} 

var square = new Polygon(300,300); 
square.build(); 

我的問題是：

• 爲什麼會出現這個錯誤？
• 有沒有更好的方法來訪問'類'變量？
• 這可能是一個JavaScript範圍的錯誤？

Answer 1

每MDN documentation爲Array.prototype.map：

If a thisArg parameter is provided to map, it will be passed to callback when invoked, for use as its this value. Otherwise, the value undefined will be passed for use as its this value. (Emphasis added)

這意味着this在map功能是不確定的，所以你要嘗試在undefined用括號標記。這產生TypeError，這表示您正嘗試訪問undefined的屬性。

---

您還錯誤地使用了i。 i是實際的元素或項目，而不是索引。您可以只需登錄i，不要下標a：

function Polygon(width, height){ 
 
    this.width = width; 
 
    this.height = height; 
 
    this.a = [1, 2, 3, 4, 5]; 
 

 
    this.build = function(){ 
 
    this.a.map(function(i, v){ 
 
     console.log(i); 
 
    }, this); 
 
    } 
 
} 
 

 
var square = new Polygon(300, 300); 
 
square.build();

這將通過可選thisArg作爲Polygon的背景下，正確地記錄。該論點明確指出this上下文，允許訪問this.a。