我正在阅读airbnb JavaScript指南，其中有一个特别的声明：
不要使用迭代器。 与for-in或for-of等循环相比，更喜欢JavaScript的高阶函数。
他们对上述声明的原因是：
这强制执行了我们的不可变规则。 处理返回值的纯函数比处理副作用更容易理解。
我无法区分给出的两种编码实践：
const numbers = [1, 2, 3, 4, 5];
// bad
let sum = 0;
for (let num of numbers) {
sum += num;
}
sum === 15;
// good
let sum = 0;
numbers.forEach((num) => {
sum += num;
});
sum === 15;
为什么应该优先选择forEach而不是普通的for循环?它真正会有什么区别吗？使用普通的iterators是否会有任何副作用？
在 Airbnb 的代码规范中，这种推理适用于用于不可变性的数组方法，如 filter、map、reduce 等，但不适用于 forEach：
这强制执行了我们的不可变规则。处理返回值的纯函数比处理副作用更容易理解。
因此，比较更像是：
// bad
let sum = 0;
for (let num of numbers) {
sum += num;
}
sum === 15;
// bad
let sum = 0;
numbers.forEach((num) => {
sum += num;
});
sum === 15;
// good
const sum = numbers.reduce((num, sum) => sum += num, 0);
sum === 15;
一般情况下，for > forEach > for..of > for..in 的性能表现是如此。这个关系在几乎所有引擎中都是一致的，但对于不同的数组长度可能有所不同。
forEach 是最近在 Chrome/V8 中显著改进的一个方法（基于此合成测试，性能提高了将近两倍）：
由于它们都很快，因此仅基于性能原因选择不太合适的循环方法可能被认为是初步优化，除非有其他证明。
forEach 相对于 for..of 的主要优点在于前者可以在 ES3 中进行 polyfill，并提供值和索引，而后者更易读但应在 ES5 及以下版本中转译。
forEach 有已知的缺陷，在某些可以用 for 或 for..of 正确处理的情况下可能不适用：
回调函数创建新的上下文（可以使用箭头函数来解决）
不支持迭代器
不支持生成器的 yield 和 async..await
没有提供一种正确的方法来提前终止循环，例如使用 break
forEach不能用于不可变性呢？ - Jattreduce或map一样）。您在循环内部改变了在其他地方定义的变量（例如您示例中的sum）。您可以以同样的方式修改现有对象，从而打破“不可变规则”（虽然您也可以使用reduce这样做，但通常被认为是错误的）。根据这种推理，“for”和“forEach”同样“糟糕”，forEach具有一个函数并不影响这方面的任何内容，因为我们无法从此函数返回结果。 - Estus Flaskfor..of ），但并不认同他们得出的结论。章节 https://github.com/airbnb/javascript#iterators-and-generators 中存在矛盾和不一致之处。其中一个地方指出应避免副作用，而后面又在 forEach 中使用了副作用并将其标注为“好的”。请记住，这只是风格指南。风格指南具有个人观点，并不总是合理的。 - Estus Flaskfor...of、for和forEach基本上具有相同的性能。 - Meowforeach和.ForEach(...)之间的区别：https://blogs.msdn.microsoft.com/ericlippert/2009/05/18/foreach-vs-foreach/。看起来，Airbnb的人似乎陷入了这样的误区，认为外表像函数式编程就更好。 - JLRishebreak或continue，而无需使用some函数并执行return true，这样可以减少可读性。(可以模拟)await，并保留异步/等待上下文。(可以模拟)map 和 filter 一样是一个函数调用，因此在两者之间转换更容易。break、continue、return 甚至是 async/await 支持的版本)const，则 for-of 要多 5 个字符 -- 如果使用 let/var 则要多 3 个字符）forEach 迭代不能通过 await 延迟。这意味着你不能使用 forEach 来进行例如向服务器发送 Web 请求的管道操作。
另外，forEach 在 async Iterables 上不存在。
考虑以下情况:
let delayed = (value)=>new Promise(resolve => setTimeout(() => resolve(value), 2000));
(async ()=>{
for(el of ['d','e','f'])console.log(await delayed(el))
})();
(async()=>{
['a','b','c'].forEach(async (el)=>console.log(await delayed(el)))
})();
结果：
d
a
b
c
e
f
每两秒打印一次 [d,e,f] 数组的元素。
等待两秒后一起打印 [a,b,c] 数组的元素。
let delayed = (value)=>new Promise(resolve => setTimeout(() => resolve(value), 2000));
async function* toDelayedIterable(array) {
for(a of array)yield (await delayed(a))
}
for await(el of toDelayedIterable(['d','e','f']))console.log(el)
toDelayedIterable(['a', 'b', 'c']).forEach(async(el)=>console.log(await el));
结果：
d
e
f
Uncaught TypeError: toDelayedIterable(...).forEach is not a function
[d,e,f]数组的元素每两秒钟打印一次。
尝试访问[a,b,c]数组的asyncIterator上的forEach时发生错误。
forEach 并不会本质上改变数组的值。我的意思是，与 map 或 filter 不同，forEach 总是返回 undefined，它没有返回值，但可以用于改变数组（我应该更好地澄清这一点）。已更新。 - Sharmila Jesupaul在这里查看foreach和forloop的性能。
除了可读性外，我们仅使用foreach。除此之外，为了浏览器兼容性、性能和本地化感觉，for循环更受青睐。