javascript - Angular 4 typescript : Cannot read property 'list' of undefined

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”指的是普通函数声明中的函数作用域(其中列表未声明)，而不是像您想要的组件作用域(其中声明列表) .

通常，您会更频繁地使用箭头函数。常规函数声明是更特殊的情况。