在 JavaScript 中，await 是用于等待异步函数返回结果的关键字。然而，在循环中使用 await 可能会导致性能问题，因为每次循环都会等待异步函数返回结果。为了避免这种情况，ESLint 提供了 'no-await-in-loop' 规则，该规则会检测在循环中使用 await 的情况，并给出警告。
为什么不应该在循环中使用 await？
在循环中使用 await 可能会导致性能问题，因为每次循环都会等待异步函数返回结果。如果循环次数很多，那么等待的时间也会很长，导致程序运行缓慢。此外，在循环中使用 await 也可能会导致代码出现逻辑错误，因为异步函数的返回顺序可能会与循环次数不同。
如何避免在循环中使用 await？
为了避免在循环中使用 await，可以将异步函数的执行结果存储在一个数组中，然后在循环结束后再处理数组中的结果。这样可以避免每次循环都等待异步函数返回结果。以下是一个示例代码：
-- -------------------- ---- -------
----- -------- --------- -
----- ---- - ---
--- ---- - - -- - - --- ---- -
----- ------ - ----- -------------------------------------------
----- ---- - ----- --------------
----------------
-
------ -----
-
----- -------- ------ -
----- ---- - ----- ----------
-- ----
-上面的代码中，我们将异步函数 fetch 的执行结果存储在数组 data 中，而不是在循环中等待返回结果。在循环结束后，我们再处理数组中的结果。
如何在 ESLint 中使用 'no-await-in-loop' 规则？
在 ESLint 中，可以使用 'no-await-in-loop' 规则来检测在循环中使用 await 的情况。以下是一个示例的 .eslintrc.json 文件配置：
{
"rules": {
"no-await-in-loop": "error"
}
}在上面的配置中，我们将 'no-await-in-loop' 规则的级别设置为 'error'，这意味着如果检测到在循环中使用 await 的情况，ESLint 会给出错误提示。
结论
在循环中使用 await 可能会导致性能问题和逻辑错误，因此应该尽量避免。ESLint 的 'no-await-in-loop' 规则可以帮助我们检测这种情况，并提供指导意义。在使用 ESLint 时，我们应该将 'no-await-in-loop' 规则设置为 'error'，以确保代码的质量和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67640e9d856ee0c1d42601d7