ECMA Script 2018（又称 ES9）是 ECMAScript 标准的下一个版本，主要新增了一些针对异步编程优化的语法特性，其中最值得关注的是声明式异步循环。
什么是声明式异步循环
在过去，我们常常需要使用 for 循环，手动通过回调进行异步操作。例如：
for (let i = 0; i < urls.length; i++) { fetch(urls[i]).then(response => { console.log(response); }); }
这段代码使用 for 循环遍历一个 URL 列表，然后使用 fetch 函数异步获取每个 URL 对应的内容。这个过程是异步的，所以我们需要使用 Promise 来处理回调。
但是这种写法比较繁琐，容易出现回调地狱。而在 ES9 中，我们可以使用声明式异步循环来简化代码：
async function fetchAll() { for await (const response of fetchAll(urls)) { console.log(response); } }
这段代码通过 for await 循环遍历一个 URL 列表，并使用 async 函数异步获取每个 URL 对应的内容。这个过程是异步的，但是我们不再需要手动处理回调，而是直接使用 async 函数来实现异步操作。
如何使用声明式异步循环
声明式异步循环的语法特性是 for await，它的用法和普通的 for 循环类似，但是需要在前面加上 await 关键字。
为了展示声明式异步循环的用法，下面给出一个完整的示例代码：
-- -------------------- ---- ------- ----- ---- - -------------------------- -------------------------------- ----- -------- ---------- - ----- -------- - ------------ -- ------------ --- ----- ------ -------- -- --------- - ---------------------- - - -----------展开代码
这段代码定义了一个 URL 列表，然后使用 map 方法将 URL 列表转换为一个 Promise 列表，最后使用声明式异步循环对 Promise 列表进行遍历。
总结
声明式异步循环是 ES9 中针对异步编程优化的一个语法特性，它可以大大简化异步操作中的回调处理。在实际开发中，我们可以通过这个特性来简化代码，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f17b51f6b2d6eab3b4c2e6
