在 javascript 中,箭头函数作为 foreach 的回调参数时,利用其简洁语法和词法作用域特性简化代码。直接传入箭头函数即可处理数组元素,无需显式定义函数表达式或绑定 this。

如何遍历数组并输出每个元素的平方
使用 forEach 遍历数组并计算每个元素的平方,只需将箭头函数作为第二个参数传入。该函数接收当前元素及其索引,执行数学运算后通过 console.log 打印结果。

const numbers = [1, 2, 3, 4];
numbers.forEach((num, index) => {
const square = num * num;
console.log(`Index: ${index}, Square: ${square}`);
});运行上述代码将依次输出:
立即学习“Java免费学习笔记(深入)”;
Index: 0, Square: 1 Index: 1, Square: 4 Index: 2, Square: 9 Index: 3, Square: 16
如何在 forEach 中访问外部变量
箭头函数继承外层作用域的 this 和变量,因此在 forEach 内部可直接访问外部定义的变量。这避免了传统函数需要 .bind(this) 或保存 this 引用(如 self = this)的繁琐操作。

const multiplier = 10;
const values = [5, 15, 25];
values.forEach(val => {
console.log(val * multiplier);
});运行结果如下:
50 150 250
当数组为空时 forEach 的行为是什么
如果调用 forEach 的数组为空,箭头函数回调不会被执行。程序直接跳过循环体,继续执行后续代码,不会抛出错误或触发任何逻辑分支。


















