ECMAScript 2018 新特性：异步迭代器和迭代器遍历-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，迭代器（Iterator）是一种重要的数据结构，重新审视迭代器背后的基础工作，可以帮助我们更好地理解异步编程。ES2018 引入了异步迭代器和迭代器遍历，可以大大简化异步编程的代码结构。

异步迭代器

异步迭代器是一个能够异步获取数据的迭代器，其 .next() 方法返回一个 Promise。异步迭代器可用于处理需要等待异步操作完成才能继续的数据集。

如下是一个使用异步迭代器的例子：

-- -------------------- ---- -------
----- --------- --------------- -
   ----- -------------------
   ----- -------------------
   ----- -------------------
-

------ -------- -- -
   --- ----- ------ --- -- ---------------- -
       -----------------
   -
-----

在上述代码中，async function* 定义异步迭代器，返回异步的数据集。使用 for await...of 循环异步迭代器，await 关键字等待迭代器的 Promise 状态变更。

迭代器遍历

迭代器遍历工具可以让我们更方便地使用迭代器，而无需自己进行迭代器操作。

在 ES2018 中，Array, TypedArray, Map, Set具有以下4个新的迭代器方法：

entries() 返回迭代器对象，用来遍历 key - value 键值对；
keys() 返回迭代器对象，用来遍历 key 值；
values() 返回迭代器对象，用来遍历 value 值；
Symbol.iterator 返回迭代器对象，用于默认的 for..of 遍历，它们都返回迭代器对象。

这就意味着，我们可以用 for...of 循环语句来遍历它们，而不需要使用迭代器。

如下是一个使用迭代器遍历的例子：

const map = new Map();
map.set('a', 1);
map.set('b', 2);

for (const [key, value] of map.entries()) {
    console.log(`${key}: ${value}`);
}

上述代码中，使用 map.entries() 返回一个迭代器对象，遍历所有 key - value 键值对。

总结

异步迭代器和迭代器遍历是 ES2018 新特性中的两个重要功能，它们使得异步编程变得更加简洁和易懂。学习这两个特性是很有意义的，可以使代码更加简单，同时也可以提高代码的可读性和可维护性。本文介绍了异步迭代器和迭代器遍历的背景和使用方法，希望可以对读者有所帮助。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/64c7196110032fedd3907d0c