Angular 4打字稿：無法讀取未定義的屬性“列表”

Question

我正在初始化數組，並嘗試將元素推入數組。 但是我收到此錯誤消息，提示無法讀取未定義的屬性“列表”。

list: Array<any> = [];
this.data.forEach(function(element) {
      this.list = [];

    });
    this.data.forEach(function(element) {

        this.list.push({
          'name' : this.url
        })
  });

即使我正在初始化數組，也說是未定義的

Answer 1

使用箭頭功能保留“ this”上下文，例如

(element) => { } 

代替

function(element) { } 

箭頭函數不會創建新作用域，常規函數會創建新作用域，因此“ this”是指常規函數聲明中的函數作用域（未聲明列表），而不是您想要的組件作用域（聲明了列表）。

通常，您會經常使用箭頭功能。 常規函數聲明是更專門的情況。