“JavaScript 循环中的 ‘await‘

目录

前言

for使用await -- 有效的 （非并非）

forEach使用await --  无效的  （并发）

for of 使用await 有效的（非并发）

for await of 使用await 有效的 （并发）

promise.all+map 有效的（并发）

总结

---

前言

在JavaScript的`forEach`方法中使用`await`是无效的，因为`forEach`方法不支持异步操作的等待。

　　`forEach`是一个数组的遍历方法，它会对数组中的每个元素依次执行提供的回调函数。而在JavaScript中，`await`关键字只能在异步函数(`async`函数)中使用，用于等待一个Promise对象的解析结果。

在`forEach`的回调函数中使用`await`关键字，实际上会导致它被忽略，无法正确地等待异步操作的完成。这是因为`forEach`不会等待回调函数中的异步操作完成，而是立即执行下一个回调函数。

　　如果你需要在数组的每个元素上执行异步操作，并等待每个操作完成，可以考虑使用`for...of`循环结合`await`关键字（异步循环），或者使用`map`方法结合`Promise.all`方法来处理异步操作（并行请求）。

Promise.all() 方法不能保证 Promise 对象的执行顺序，它只能确保所有的 Promise 对象都被解析后才会触发后续的处理。

虽然 Promise.all() 方法会等待所有的 Promise 对象都被解析，但它并不能保证上传操作的顺序。上传操作的顺序是可能会受到网络延迟等因素的影响，导致后续的处理可能会在某些上传操作完成之前就开始执行。 但是Promise.all()所以异步成功后返回的数组是对应关系

如果你希望确保上传操作按照数组中的顺序执行，可以考虑使用 for...of 循环，并等待每个上传操作完成后再处理下一个元素。

 注意：

1. for：要使用在async异步方法里，循环会等await执行而停留，await是有效的，有break；
2. forEach：没有break，循环不会等await执行而停留，await是无效的；
3. for of：要使用在async异步方法里，执行期间，await之前的代码会执行，到了await会等待await执行完才继续往下执行，有break；
4. for await of：也要用在async异步方法里，有break，但是它一般是使用在item是个异步方法的情况下，并不常见，场景如下面对应的例子，要遍历的数组元素是个异步请求，异步没回来之前整个for循环代码不执行。

for使用await -- 有效的 （非并非）

forEach使用await --  无效的  （并发）

可以看到forEach中使用await是无效的，只不过await后面的代码能按顺序执行；

for of 使用await 有效的（非并发）

for await of 使用await 有效的 （并发）

是等待所有的异步完成以后依次执行循环

promise.all+map 有效的（并发）

 并行，但是可以确认是否全部上传成功，全部成功后在做某些事 最终结果是跟循环的顺序一致的

 

总结

• 实际开发中我们可以发现其实for、while、for in、for of、for await of使用await都是生效的；
• 而几乎有回调的遍历方法：forEach、map、filter、reduce、some、every、find等，使用await都是不生效的；