1. 引言
在 JavaScript 中，我们常常需要对异步操作进行处理，比如从远程服务器获取数据、从本地读取文件内容等等。这些操作都是需要时间的，因此我们通常会使用 Promise 或 async/await 来进行处理。然而，在处理异步操作时，我们有时需要对一系列异步操作进行迭代，此时常常会用到 for-await-of 循环。
本文将详细介绍 ES9 中引入的 for-await-of 循环，包括语法、用法、示例等。
2. for-await-of 循环的语法
for-await-of 循环（以下简称 for 循环）的语法与 for...of 循环基本相同，只是将其遍历的对象改为异步迭代器（async iterator）。
异步迭代器指的是符合 AsyncIterator 接口的对象。AsyncIterator 接口包含一个 next 方法，每次调用该方法都会返回一个 Promise 对象，该 Promise 对象的值是迭代器所返回的下一个值，或者是一个具有 done 属性的对象，done 属性为 true 表示迭代结束。
for-await-of 循环的语法如下：
for await (let value of asyncIterable) {
// code here
}其中 asyncIterable 是一个异步迭代器，value 是从这个异步迭代器中遍历出来的值。
3. for-await-of 循环的用法
在实际应用中，我们通常使用 for-await-of 循环来进行异步操作的迭代。比如，读取一个目录下所有文件的内容：
async function readDir(dirPath) {
const files = fs.readdirSync(dirPath);
for await (const file of files) {
const content = await fs.promises.readFile(path.join(dirPath, file), "utf8");
console.log(content);
}
}在上面的代码中，我们使用 fs.readdirSync 方法获取目录下的所有文件名，并使用 for-await-of 循环对这些文件进行遍历，每次遍历获取到的是一个文件名，我们将其读取出来并输出。
再比如，我们想对一系列 HTTP 请求进行批量处理：
async function processRequests(urls) {
for await (const url of urls) {
const response = await fetch(url);
const json = await response.json();
console.log(json);
}
}在上面的代码中，我们使用 for-await-of 循环对 urls 数组进行遍历，每次遍历获取到的是一个 URL，我们将其发送 HTTP 请求并解析为 JSON 格式输出。
4. for-await-of 循环的指导意义
for-await-of 循环的出现，让我们能够更加方便地对异步操作进行迭代。对于需要对一系列异步操作进行处理的场景，使用 for-await-of 循环能够降低代码的复杂度和难度，增强代码的可读性和可维护性。
5. 示例代码
下面是一个完整的使用 for-await-of 循环读取目录下文件的示例代码：
-- -------------------- ---- -------
----- -- - --------------
----- ---- - ----------------
----- -------- ---------------- -
----- ----- - ------------------------
--- ----- ------ ---- -- ------ -
----- ------- - ----- --------------------------------------- ------ --------
---------------------
-
-
------------------在上面的代码中，我们读取了当前目录下的 test 目录，并使用 readDir 函数读取该目录下所有文件的内容并输出。
6. 总结
for-await-of 循环是 ES9 中引入的一个语法，用来对异步操作进行迭代。for-await-of 循环的语法与 for...of 循环基本相同，只是将其遍历的对象改为异步迭代器。在实际应用中，使用 for-await-of 循环能够降低代码的复杂度和难度，增强代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ad1de148841e9894945410