JavaScript初学者求教：forEach函数中index参数的定义逻辑

你这里的核心是搞懂JavaScript数组的forEach()方法的内置行为，不是箭头函数的特殊逻辑，而且你其实已经显式定义了index参数——就是箭头函数括号里的第二个参数。

关键原理： #

• Array.prototype.forEach()是JS数组自带的遍历方法，它会自动给传入的回调函数（你写的箭头函数）传递三个固定参数：
  • 第一个：当前正在遍历的数组元素（对应你代码里的slide）
  • 第二个：当前元素在数组中的下标（对应你代码里的index）
  • 第三个：正在遍历的原数组（这里你没用到，所以可以省略不写）
• 你在箭头函数里声明了slide和index这两个参数，就相当于告诉JS：“把forEach传过来的前两个值，分别放到这两个变量里”，所以index自然就对应数组下标了。
• 如果你不需要某个参数，可以直接省略，比如只写(slide) => {...}也能正常遍历，但这样就拿不到下标值了。

结合你的代码理解： #

你的slides是轮播图的图片元素数组，forEach遍历每一张图片时：

1. 第一张图：slide是slides[0]，index是0，所以left值是slideWidth * 0 = 0px，留在最左边；
2. 第二张图：slide是slides[1]，index是1，left值是slideWidth * 1，刚好排在第一张图右边；
3. 后续图片以此类推，最终所有图片会横向排成一排，为轮播的滑动效果打下基础。

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