ES9（ECMAScript 2018）是 JavaScript 的最新标准，其中引入了许多新的特性和改进，其中最常见的是 for-await-of。这一新特性可以让开发者更轻松地使用异步迭代器来处理异步数据流，提高代码的可维护性和可读性。本文将介绍 for-await-of 的具体用法，包括示例代码和应用场景。
异步迭代器简介
在介绍 for-await-of 之前，我们需要了解什么是异步迭代器。 异步迭代器是实现异步迭代协议的 JavaScript 对象，它支持具有异步值生成和异步值消耗的异步数据流。下面是一个异步迭代器的示例代码：
const asyncIterator = {
async *[Symbol.asyncIterator]() {
yield 1;
yield 2;
yield 3;
}
};在上述示例中，我们使用了 Symbol.asyncIterator 符号创建了一个异步迭代器对象，它将异步生成器函数作为迭代器方法。异步生成器函数可以像常规生成器函数一样使用 yield 关键字来生成值。
for-await-of 的用法
for-await-of 是一种新的循环类型，它允许你遍历异步数据流，并且会等待每个异步值生成的完成。 下面是使用 for-await-of 来遍历上述异步迭代器的示例代码：
(async () => {
for await (let value of asyncIterator) {
console.log(value);
}
})();在上面的代码中，我们使用 async/await 语法以异步方式遍历异步迭代器。 for-await-of 中的循环体会等待每个生成值的异步操作完成后才会执行下一次循环，这使得它能够处理来自异步源的值。
应用场景
使用 for-await-of 可以让我们更方便地处理异步数据流，尤其是在处理数据库、文件和网络请求等异步任务时，更具优势。下面我们将通过两个实例来说明 for-await-of 的应用场景。
处理数据库查询结果
在处理数据库搜索结果时，我们通常需要通过异步迭代器来遍历结果。下面是一个以 MongoDB find 方法为例的示例代码：
const cursor = collection.find({ name: 'John' });
for await (let doc of cursor) {
console.log(doc);
}在这个示例中，我们使用 find 方法查找名字为 'John' 的文档，然后使用 for-await-of 迭代文档游标。在每次循环迭代时，我们会等待异步 doc 返回结果。
处理文件数据
在处理文件时，有时需要按行读取文件并将每行作为异步迭代器的值。下面是一个读取文件并将每行作为值返回的示例代码：
-- -------------------- ---- -------
----- --------- --------------- -
----- ---------- - --------------------------
----- -- - --------------------------
------ -----------
---------- --------
---
--- ----- ------ ---- -- --- -
----- -----
-
-在这个示例中，我们使用 fs 和 readline 模块来读取文件数据。我们创建了一个 async 生成器函数来创建异步迭代器，然后使用 for-await-of 循环迭代文件中的每一行数据。
结论
在本文中，我们介绍了 ES9 中的新特性 for-await-of 以及如何使用异步迭代器来处理异步数据流。我们还提供了两个示例，帮助开发者更好地理解 for-await-of 的应用场景。通过 for-await-of 的使用，我们能够更好地处理异步操作，提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671f2fae2e7021665efc336b