ECMAScript 2017 中的异步迭代器与 for-await-of 方案-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2017 中，引入了异步迭代器与 for-await-of 方案，这些新特性为 JavaScript 中的异步编程带来了很大的便利性。本文将详细介绍这些特性，并提供示例代码。

异步迭代器

异步迭代器是一种迭代器，它可以在每次迭代时返回一个 Promise 对象。这个 Promise 对象可以在后台异步地解决，然后返回迭代器的下一个值。异步迭代器的语法如下：

async function* myAsyncGenerator() {
  yield promise1;
  yield promise2;
  yield promise3;
}

在上面的代码中，myAsyncGenerator 是一个异步迭代器，它会在每次迭代时返回一个 Promise 对象。当 Promise 对象解决完成后，异步迭代器才会返回下一个值。

在使用异步迭代器时，我们可以使用 for-await-of 循环来遍历异步迭代器的值。for-await-of 循环会自动处理异步 Promise 对象的解决，并将解决的值传递给下一个迭代。

下面是一个使用异步迭代器和 for-await-of 循环的示例代码：

// javascriptcn.com 代码示例
async function* myAsyncGenerator() {
  yield Promise.resolve("foo");
  yield Promise.resolve("bar");
  yield Promise.resolve("baz");
}

(async function() {
  for await (let value of myAsyncGenerator()) {
    console.log(value);
  }
})();

在上面的代码中，myAsyncGenerator 会返回三个 Promise 对象，它们会在后台异步地解决。然后，for-await-of 循环会自动处理这些 Promise 对象的解决，并将解决的值传递给 value 变量。最终，控制台会输出 "foo"、"bar" 和 "baz"。

for-await-of 循环

for-await-of 循环是一种循环，它可以在每次迭代时自动处理异步 Promise 对象的解决，并将解决的值传递给下一个迭代。for-await-of 循环的语法如下：

for await (let value of asyncIterable) {
  // ...
}

在上面的代码中，asyncIterable 是一个异步可迭代对象，它会在每次迭代时返回一个 Promise 对象。for-await-of 循环会自动处理这些 Promise 对象的解决，并将解决的值传递给 value 变量。

下面是一个使用 for-await-of 循环的示例代码：

// javascriptcn.com 代码示例
async function* myAsyncGenerator() {
  yield Promise.resolve("foo");
  yield Promise.resolve("bar");
  yield Promise.resolve("baz");
}

(async function() {
  for await (let value of myAsyncGenerator()) {
    console.log(value);
  }
})();

总结

异步迭代器与 for-await-of 方案为 JavaScript 中的异步编程带来了很大的便利性。我们可以使用异步迭代器来定义异步可迭代对象，然后使用 for-await-of 循环来遍历异步可迭代对象的值。这些新特性可以让我们更方便地处理异步操作，并使我们的代码更加简洁和易读。

以上是本文的全部内容，希望能对你的学习和工作有所帮助。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/655abf8cd2f5e1655d4f3da8