在编写 JavaScript 代码时，经常会遇到需要遍历异步任务的情况。在 ES8 之前，我们通常使用回调函数或者 Promise 来解决这个问题。但是这些方法都有一些不便之处，比如回调函数嵌套过多，代码可读性差，以及难以处理错误等。ES9 引入了 asynchronous iteration 这一特性，可以顺利解决异步任务遍历问题。
asynchronous iteration 是什么？
asynchronous iteration 是指在遍历异步任务时，使用 async/await 和 for...of 循环的方式。这种方式可以让我们的代码更加简洁、易读、易维护。
如何使用 asynchronous iteration？
首先，我们需要定义一个异步任务生成器。这个生成器函数需要使用 async/await 关键字，返回一个异步迭代器对象。示例代码如下：
async function* asyncGenerator() { yield await Promise.resolve(1); yield await Promise.resolve(2); yield await Promise.resolve(3); }
接下来，我们可以使用 for...of 循环来遍历这个异步迭代器对象。示例代码如下：
(async function() { for await (let num of asyncGenerator()) { console.log(num); } })();
这段代码会输出 1、2、3 这三个数字。可以看到，使用 asynchronous iteration 的方式，让我们的代码更加简洁易读。
asynchronous iteration 的错误处理
在异步任务遍历过程中，可能会出现错误。如果使用 Promise 的方式，我们需要在每个 Promise 后面添加 catch 方法，来处理错误。而使用 asynchronous iteration 的方式，我们可以在异步任务生成器中使用 try...catch 语句来处理错误，示例代码如下：
-- -------------------- ---- ------- ----- --------- ---------------- - --- - ----- ----- ------------------- ----- ----- ------------------- ----- --- --------------- ----- ----- ------------------- - ----- ----- - ------------------------- - -展开代码
这段代码会输出 error 这个字符串。可以看到，使用 asynchronous iteration 的方式，让我们处理错误更加方便。
总结
asynchronous iteration 是 ES9 中一个非常实用的特性，可以让我们更加方便地遍历异步任务。使用 asynchronous iteration 的方式，可以让我们的代码更加简洁、易读、易维护。同时，我们还可以方便地处理异步任务遍历过程中的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e723251886fbafa422ff21
