为何应优先选用forEach而非常规迭代器？基于Airbnb JS规范的技术问询

嘿，我来帮你把这两种写法的区别讲透，顺便拆解Airbnb这条规则到底为什么这么要求～

先上完整的代码对比 #

❌ 不推荐的for循环写法（Bad）

const numbers = [1, 2, 3, 4, 5];
// 用了可变的let变量，循环中会持续修改它
let sum = 0;
for (let num of numbers) {
  sum += num; // 这里产生了副作用：修改了外部变量sum
}
console.log(sum); // 输出15

✅ 推荐的高阶函数写法（Good）

const numbers = [1, 2, 3, 4, 5];
// 用不可变的const，reduce返回新值直接赋值
const sum = numbers.reduce((accumulator, currentNum) => accumulator + currentNum, 0);
console.log(sum); // 输出15

核心区别拆解 #

• 变量可变性：
  坏写法里用了let sum，这个变量在循环过程中会被反复修改；而好写法里的const sum是完全不可变的，reduce函数会计算出一个全新的值，直接赋值给它，全程没有修改任何已存在的变量——这正好贴合Airbnb强调的不可变规则。

• 副作用与纯函数：
  坏写法的循环依赖外部的sum变量，属于带有副作用的操作（修改了外部状态）；而reduce是纯函数：它的输出只依赖输入的数组和初始值，不会对外部环境造成任何影响，完全是“输入→输出”的纯映射关系。纯函数的好处是更容易推理——你不用跟踪某个变量在循环里被改了多少次，也不用担心不小心影响到其他代码逻辑。

• 代码意图的清晰度：
  高阶函数（reduce、map、filter这类）能直接表达你的业务意图：比如reduce就是用来把数组归约成单个值（求和、求乘积都用它），map是转换数组的每个元素，filter是筛选符合条件的元素；而for循环需要你读完整个循环体才能知道到底在做什么，可读性差很多。

再举个筛选的例子加深理解 #

❌ Bad（for循环写法）

const numbers = [1, 2, 3, 4, 5];
let evenNumbers = [];
for (let num of numbers) {
  if (num % 2 === 0) {
    evenNumbers.push(num); // 修改外部数组，产生副作用
  }
}

✅ Good（filter高阶函数写法）

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num => num % 2 === 0);
// 直接生成新数组，原数组和外部变量都没被修改

Airbnb这条规则本质上是引导你写出更简洁、安全、可维护的代码——不可变+纯函数的组合，能大幅减少代码里的隐藏bug，让逻辑更清晰。

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