在 ES9 中使用 for-await-of 循环迭代 Promise 并发解决方案-JavaScript中文网-JavaScript教程资源分享门户

在 ES9 中使用 for-await-of 循环迭代 Promise 并发解决方案

AI 编程助手，豆包旗下的编程助手，提供智能补全、智能预测、智能问答等能力，节省开发时间，释放脑海中的创造力，支持 VSCode，点击体验 AI

在前端开发中，经常需要处理 Promise 并发请求的情况。ES9 中引入了 for-await-of 循环迭代器，可以简化 Promise 并发请求的处理过程，提高代码的可读性和可维护性。

for-await-of 循环迭代器

for-await-of 循环迭代器是 ES9 中引入的新特性，用于迭代异步生成器函数返回的 Promise 对象。它的语法与 for-of 循环类似，但是可以处理异步操作。

----- --------- ---------------- -
  ----- -------------------
  ----- -------------------
  ----- -------------------
-

------ ---------- -
  --- ----- ------ ----- -- ----------------- -
    -------------------
  -
-----
-- -------
-- -
-- -
-- -

在上面的示例中，asyncGenerator 函数返回一个异步生成器对象，包含三个 Promise 对象。使用 for-await-of 循环迭代器可以依次处理每个 Promise 对象，并输出其结果。

Promise 并发请求的解决方案

在实际开发中，需要对多个 Promise 对象进行并发请求，并等待所有 Promise 对象都完成后再进行下一步操作。ES9 中可以使用 for-await-of 循环迭代器来简化这一过程。

----- -------- --------------- -
  ----- ------- - ---
  --- ----- ------ -------- -- ------------ -- ------------ -
    ------------------ -----------------
  -
  ------ --------
-

------------------------------------ --------------------------------
  ------------- -- ---------------------
  ------------ -- ----------------------

在上面的示例中，fetchUrls 函数接收一个包含多个 URL 的数组，使用 map 方法将每个 URL 转换为一个 Promise 对象。使用 for-await-of 循环迭代器依次处理每个 Promise 对象，等待其完成后将结果存入 results 数组中，并最终返回 results 数组。

总结

ES9 中引入的 for-await-of 循环迭代器可以简化 Promise 并发请求的处理过程，提高代码的可读性和可维护性。使用 for-await-of 循环迭代器可以避免使用 Promise.all 方法等繁琐的处理方式，使代码更加简洁和易于理解。

来源：JavaScript中文网，转载请联系管理员！本文地址：https://www.javascriptcn.com/post/660d5e8fd10417a222db4195