ES9 中增加了一种新的迭代协议，即 Symbol.asyncIterator。它是对异步迭代的一种支持，可以配合 for-await-of 语法进行使用。本文将详细介绍 Symbol.asyncIterator 的使用方法以及示例代码，帮助读者更好地掌握这个新的特性。
1. 异步迭代的背景
在 ES6 中，我们使用了 for...of 语法来遍历可迭代的对象。这种遍历方式是同步的，即得到所有的数据后才能进行下一步操作。
但是，在现实应用中，有些数据需要异步获取，例如从网络请求数据。这时候就需要异步迭代来实现数据的实时获取和处理。ES9 提供了 for-await-of 语法来实现异步迭代，而 Symbol.asyncIterator 就是用来支持异步迭代的协议。
2. Symbol.asyncIterator 的定义和作用
定义一个异步可迭代对象需要实现 Symbol.asyncIterator 方法，该方法返回一个实现了 Symbol.asyncIterator 协议的异步迭代器对象。迭代器对象必须具备一个名为 next 的异步方法，该方法返回一个 Promise 对象。Promise 对象的 resolve 值是一个具备 value 和 done 属性的对象，表示当前迭代的数据项和迭代完成的状态。
以下是 Symbol.asyncIterator 方法的定义：
Symbol.asyncIterator
异步迭代出来的值将会被打包进一个 Promise 对象中，以便于通过 await 来异步处理它们。
3. Symbol.asyncIterator 的使用
我们使用 Symbol.asyncIterator 方法来定义一个异步可迭代对象，以下是一个示例：
const asyncIterableObject = {
async *[Symbol.asyncIterator]() {
yield 'Hello';
yield 'Async';
yield 'Iterable';
}
};注意到 *[Symbol.asyncIterator]() 的星号，它表示这是一个异步遍历器，async 表示每一次调用都返回一个 Promise 对象。该方法返回一个异步迭代器对象，而这个对象可以被 for-await-of 语法迭代。
我们可以使用 for-await-of 语法来遍历这个可迭代对象，以下是示例代码：
(async () => {
for await (const str of asyncIterableObject) {
console.log(str);
}
})();运行上述代码，将打印输出：
Hello Async Iterable
我们可以看到，使用 Symbol.asyncIterator 方法可以使得异步迭代成为可能。可以使用 for-await-of 语句来遍历一个异步可迭代对象，每次返回一个 Promise 对象，该对象将异步地解析下一项的值，并放回一个结构化的对象。
4. 总结
异步迭代是编写异步代码的必要操作，而 Symbol.asyncIterator 就是针对异步迭代而设计的一种新的特性。本文介绍了 Symbol.asyncIterator 的定义、作用和使用方法，希望对读者理解异步迭代有所帮助。在实际开发中，我们可以使用 Symbol.asyncIterator 方法来实现异步迭代操作，从而优化我们的代码逻辑和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6494519748841e98941cd5e2