Typescript如何訪問foreach循環中的組件變量？

Question

嘿，有人能告訴我如何在foreach循環中訪問組件變量？ 這裏我 Plunker

public testVariable:number; 

    test(){ 
    console.log('fired'); 
    var x =[1,2,3,4]; 

    x.forEach(function (e){ 
     this.testVariable = e; 
    }) 

    console.log(this.testVariable); 
    } 

Answer 1

如果使用function (e)的this裏面將參考函數的作用域而不是類。

使用Arrow Function（或Fat Arrow）代替：

x.forEach((e) => { 
    this.testVariable = e; 
}) 

只有1個參數時，您也可以忽略周圍的括號：

x.forEach(e => { 
    this.testVariable = e; 
}) 

這裏有一個很好的文章，解釋它的行爲： https://basarat.gitbooks.io/typescript/docs/arrow-functions.html

Answer 2

的this值取決於你所在的範圍內考慮做這樣的：

public testVariable:number; 

test(){ 
    console.log('fired'); 
    var x =[1,2,3,4]; 

    var self = this; 
    x.forEach(function (e){ 
     self.testVariable = e; 
    }) 

    console.log(this.testVariable); 
}