forEach方法中能否使用函数表达式？代码报错后的相关疑问

嘿，我来帮你理清楚这个问题～首先咱们得先揪出代码报错的真正原因：你在forEach的第一个参数位置写了let func = function(value) {...}，这是一个变量声明语句，但forEach要求第一个参数必须是可调用的函数值（也就是函数表达式、函数引用这类表达式，而非语句）。这才是触发语法错误的核心，不是因为你用了函数表达式哦～

你的判断“forEach方法中仅可使用函数声明和箭头函数”并不准确，其实forEach的第一个参数可以是任何可调用的函数类型，包括：

• 箭头函数：arr.forEach(value => { ... }, obj)
• 匿名函数表达式：arr.forEach(function(value) { ... }, obj)
• 已定义的函数引用：

  function logAge(value) {
    console.log(`${this.name} is ${value} years old`);
  }
  arr.forEach(logAge, obj);
  

• 甚至是async函数、生成器函数（只要符合你的业务需求）：

  arr.forEach(async (value) => {
    // 异步操作逻辑
  });
  

回到你的代码，只要去掉变量声明，直接传函数表达式就能正常运行了：

let arr = [18, 23, 44, 50]; 
let obj = { name: 'Kate' }; 
arr.forEach(function(value) { 
  console.log(`${this.name} is ${value} years old`); 
}, obj);

这样不仅没有语法错误，this还会正确指向你传入的obj对象。

另外补充个容易踩坑的细节：箭头函数不会绑定自己的this，如果用箭头函数的话，this.name会指向外层作用域的this，而非你传入的obj。所以如果需要用obj作为上下文，得用普通函数表达式或函数引用才行～

内容的提问来源于stack exchange，提问作者Ivan