javascript - 在 JS 中通过 div 运行的 forEach() 给出错误

Question

我在一个数组中有几个 div，我想更改它们的高度，即使当我记录 div 的名称并为我提供正确的对象名称时，我仍然收到“这是未定义的”错误控制台中的消息。

就像我说的，当我注销所有 div 的名称时，它们已正确给出，但在我想设置它们高度的那一行，我猜某处“this”有问题。

this.divs.forEach(names);
    function names(div) {
    console.log(div);  //goes thought all the divs correctly
    this._renderer.setElementStyle(div.nativeElement, 'height', largestHeight + 'px');
    }

我在 angular2 中做这件事，以防有人想知道。 问候任何帮助。

Answer 1

你的函数上下文中没有this，尝试使用箭头函数:

this.divs.forEach((names) => {
   ...
}); 

您还可以将 this 绑定(bind)到您的函数。

this.divs.forEach(names.bind(this));