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) =>{

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

              // handle error

            }

});

Answer 2

您可以使用ES6的箭头功能进行访问this。无论如何，请务必仔细阅读本文，以了解thisJavaScript的上下文以及在JS的OOP中使用它们的情况。

this.itemPrices.forEach((prices: number) => {

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

    // handle error 

  });

});

Answer 3

this函数中的值与类中的值不同。您可以使用胖箭头功能，也可以使用bind(this)将该功能绑定到类。

this.itemPrices.forEach(function(prices){

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

              // handle error

          }).bind(this);