修复了无等待在循环中的皮棉警告

2022-03-29 00:00:00 async-await javascript eslint

我需要多次重复异步/等待块,但不能使用以下代码:

for (let i = 0; i <= 10; i += 1) {
   const res = await DoSomething();
 }

因为它与循环中无等待规则冲突。


解决方案

如果迭代顺序不重要,则使用Promise.all

如果您不介意代码无序运行(这意味着每次迭代的顺序并不重要),只需使用Promise.all即可:

const promises = [];

for (let i = 0; i <= 10; i += 1) {
  promises.push(DoSomething());
}
 
const responses = await Promise.all(promises);

发件人MDN:

Promise.all(Iterable)方法返回一个承诺,当Iterable参数中的所有承诺都已解析时,该承诺将解析

或禁用该块的规则

否则,如果您确实需要执行顺序工作,则只需disable the rule该块:

/* eslint-disable no-await-in-loop */
for (let i = 0; i <= 10; i += 1) {
  const res = await DoSomething();
}
/* eslint-enable no-await-in-loop */

await在循环中通常是非常低效的

该规则的存在是有原因的。在循环中使用await的许多情况都是浪费的,因为每个迭代都不依赖于前一个迭代,但每个迭代甚至在尝试运行下一个迭代之前都会等待前一个迭代解析。

Promise.all在这些情况下效率更高,因为它或多或少地在并行&Quot;中工作。

发件人ESLint no-await-in-loop docs:

对迭代数的每个元素执行操作是一项常见的任务。但是,将等待作为每个操作的一部分执行表示程序没有充分利用异步/等待的并行化优势。

相关文章