Angular :ReferenceError: 'function' 未定义

Question

我有一个简单的 Plunkr只需单击一个按钮即可将两个数字相加的应用。

我收到一个 ReferenceError: addNumber is not defined，其中 add number 是一个由“onClick”处理程序调用的函数。

onClick(num1, num2){
  addNumber(num1, num2).then((result) => this.result = result));
}

addNumber(x, y){
  return new Promise((resolve) => {
          x = parseInt(x);
          y = parseInt(y);
          setTimeout(() => resolve(x+y), 2000)
        })
      }
    }

但是，如果我将 function 关键字添加到 addNumber 它会起作用，但据我所知，使用 Typescript 可以选择使用 function 关键字。

为什么单击按钮时未定义 addNumber？

Answer 1

当访问类成员时，您必须使用this 来引用它们:

this.addNumber(num1, num2).then((result) => this.result = result));

当您将 function 关键字添加到 addNumber 时，您使它成为本地函数而不是类成员，因此无需 this 即可访问它> 引用。