类型错误：无法读取未定义 Javascript 的属性“forEach”

Question

以下是我得到Cannot read property 'forEach' of undefined代码。

 const print2 = function(x, y) { console.log(x*y) } [1,2,3,4].forEach( x => print2(x, 20) )

让我知道我在这里做错了什么，但如果我这样做 -

 function print2(x, y) { console.log(x*y) } [1,2,3,4].forEach( x => print2(x, 20) )

这工作正常。

Answer 1

由于 function 之后没有分号，因此代码片段被解释为：

const print2 = function(x, y) {
  console.log(x*y)
}[1,2,3,4].forEach( x => print2(x, 20) )

这意味着它正在尝试索引 function。 在 function 之后或数组字面量之前添加分号：

const print2 = function(x, y) {
  console.log(x*y)
};

[1,2,3,4].forEach( x => print2(x, 20) )

或者

const print2 = function(x, y) {
  console.log(x*y)
}

;[1,2,3,4].forEach( x => print2(x, 20) )

更多关于 Javascript 的自动分号插入在这里： JavaScript 的自动分号插入 (ASI) 的规则是什么？

Answer 2

您需要在变量声明的末尾使用分号。

 const print2 = function(x, y) { console.log(x*y) }; [1,2,3,4].forEach( x => print2(x, 20) )

没有分号，它被视为

 const print2 = function(x, y) { console.log(x*y) }[1,2,3,4].forEach( x => print2(x, 20) )

[1,2,3,4]被解释为属性访问器，而不是数组，并且逗号运算符返回最后一个值4 。 由于 function 没有4属性，因此返回undefined ，然后您尝试对其调用.forEach() 。

Answer 3

您在FunctionExpression之后缺少分号。

const print2 = function(x, y) {
  console.log(x*y)
}

[1,2,3,4].forEach( x => print2(x, 20) )

改成

const print2 = function(x, y) {
  console.log(x*y)
};

[1,2,3,4].forEach( x => print2(x, 20) )

它有效。

Answer 4

我认为，而不是[1,2,3,4].forEach( x => print2(x, 20) ) ，您应该使用像array.forEach(x => print2(x, 20));这样的变量。

例如下面给出的代码：

let array = [1,2,3,4];
const print2 = function(x, y) {
    console.log(x*y);
};

array.forEach( x => print2(x, 20) );

Answer 5

作为记录。 我想补充一下，我在使用该代码时遇到了同样的错误

 var createFiltersList = function() { window.filterMenu.forEach(function(text) { /* <== error here */ filterList.push({ text: text, expr: text?== ALL. [DevAV,filterField, "=": text], null: type. DevAV,filterCaption: custom; false }); }). var customItems = JSON.parse(window.localStorage;getItem(storageKey)). Array.prototype.push,apply(filterList; customItems); };

我的问题是我没有为 window.filterMenu 设置任何值，所以 filterMenu 是 null 所以 forEach 不适用于 null。 一旦将一组值设置为 filterMenu，错误就消失了。