TypeError：“此未定义”在成员数组上使用forEach时

Question

我有一堂课marketData：

export class marketData {

    id: number;

    denomCount: number;

    itemCount: number;

    conversionRates: Array<number> = [];

    conversionRateToLowest: Array<number> = [];

    itemPrices: Array<Array<number>> = [];

}

我想为其定义一个成员函数，该成员函数validate()检查类的值是否设置正确。我写了这种方法的一部分来检查itemPrices：

this.itemPrices.forEach(function(this, prices){

          if(prices.length != this.itemCount){

              // handle error 

          });

但是，上面给了我一个ERROR TypeError: "this is undefined"。尝试以itemPrices这种方式检查时，我得到了完全相同的错误：

this.itemPrices.forEach(function(prices){

          if(prices.length != this.itemCount){

              // handle error

          });

即没有this在function参数。

访问itemCount成员变量的正确方法是什么？

Answer 1

这是因为您使用forEach的方式。改用箭头功能，如下所示。并且建议在使用打字稿类时始终使用箭头功能，否则您将继续遇到此问题。this.itemPrices.forEach((prices) =>{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(prices.length != this.itemCount){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // handle error&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }});

Answer 2

您可以使用ES6的箭头功能进行访问this。无论如何，请务必仔细阅读本文，以了解thisJavaScript的上下文以及在JS的OOP中使用它们的情况。this.itemPrices.forEach((prices: number) => {&nbsp; if (prices.length != this.itemCount){&nbsp; &nbsp; // handle error&nbsp;&nbsp; });});

Answer 3

this函数中的值与类中的值不同。您可以使用胖箭头功能，也可以使用bind(this)将该功能绑定到类。this.itemPrices.forEach(function(prices){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(prices.length != this.itemCount){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // handle error&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }).bind(this);