我正在阅读airbnb javascript 指南。有一个特别的声明，它说：
不要使用迭代器。更喜欢 JavaScript 的高阶函数，而不是像 for-in 或 for-of 这样的循环。
他们给出上述声明的原因是：
这强制执行我们的不可变规则。处理返回值的纯函数比副作用更容易推理。
我无法区分给出的两种编码实践：
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
大多数时候，Airbnb 风格指南试图保持一致。这并不意味着永远没有理由使用 for 循环或 for-in 循环，就像假设您想尽早跳出循环一样。
当使用 for 循环来改变某些东西的值时，不变性开始发挥作用。就像将数组减少为整数或映射元素以生成新数组一样。使用内置的map, reduce, orfilter不会直接直接改变数组的值，所以它是首选。使用forEach过的/ for-in循环使用强制高阶函数在一个迭代的风格的一致性，所以我相信它为什么被推荐的。
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]array的元素每两秒打印一次。
[a,b,c]array的元素在两秒后一起打印。
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]array的元素每两秒打印一次。
试图访问时的错误forEach上asyncIterator的[a,b,c]阵列。
以下是我在两者之间看到的优势列表。
forEach，您需要更改您所在的堆栈条目以查看循环函数中未访问的变量）break或continue，而不需要使用some函数和做return true，这样会降低可读性。（可以模仿）await在循环中使用，并保留 async/await 上下文。（可以模仿）mapand的函数调用filter，因此在两者之间进行转换更容易。break, continue, return, 甚至async/ 的支持的版本await）for-of如果使用的const话多 5 个字符-- 如果使用let/则为3 个var）