为什么JavaScript中未声明的函数参数可被forEach等方法识别

疑问1解答 #

forEach 是JavaScript数组内置的标准化迭代方法，它的底层实现已经固定了回调函数的传参规则：每遍历到数组的一个元素，就会按顺序给你传入的回调函数传递3个值：

• 第一个值：当前遍历到的数组元素
• 第二个值：当前元素对应的数组下标
• 第三个值：调用forEach的原数组本身
  你把myFunction作为回调传给forEach后，forEach会自动按上述规则往myFunction里传参，所以item和index自然就对应到了数组的元素和下标。

疑问2解答 #

JavaScript的函数参数是按位置匹配传值，不是按参数名称匹配。回调函数的第一个参数不管命名为item还是ite，都会按顺序接收到forEach传递的第一个值（当前数组元素），第二个参数不管叫index还是ind，都会接收到第二个值（下标），参数名称只是你在函数内部用来指代对应位置传进来的值的别名，和传参逻辑没有关系。

疑问3解答 #

可以直接写成嵌入的双参数箭头函数，写法会更简洁，不需要额外单独声明普通函数，不过这种写法对代码运行效率的提升可以忽略，两者性能几乎没有差异，主要优化的是代码可读性和简洁度。改写后的示例如下：

let text = "";
const fruits = ["apple", "orange", "cherry"];
// 直接嵌入箭头函数作为回调
fruits.forEach((item, index) => {
  text += index + ": " + item + " "; 
});

console.log(text)
// 输出结果和原代码完全一致：0: apple 1: orange 2: cherry

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