遍历对象的必备利器——迭代器（iterator）

2024-01-31 13:29:58

迭代器是什么？

迭代器是浏览器方便遍历有规律的对象的特殊函数。对！它是一个函数。您可能听过这个词，但您可能不知道它是什么或如何使用它。
简单地说，迭代器是一个对象，它定义了如何遍历集合中的元素。这意味着您可以使用它来循环访问集合中的每个元素，而无需显式地管理索引。
浏览器中常用的迭代器有两种：

内置的迭代器，如Array.prototype.values()和Map.prototype.keys()
自定义迭代器，如使用生成器函数创建的迭代器

Generator和迭代器有什么关联？

Generator是一种特殊的迭代器，它允许我们定义一个可迭代的对象，并提供了一种方法来按需生成元素。这意味着我们可以创建一种迭代器，它可以在需要时生成元素，而无需预先存储所有元素。
Generator函数使用yield来生成值，并且可以在需要时通过使用next()方法来迭代这些值。

for of方法为什么不能用于遍历对象？

for of方法不能用于遍历对象的原因是对象没有内置的迭代器。这是因为对象是无序的，并且没有明确的顺序来遍历它们。
如果您尝试使用for of方法来遍历对象，浏览器将会抛出一个错误。

async语法糖意义何在？

async语法糖使我们能够编写异步代码，而无需使用回调函数或Promise。这使得异步代码更加容易编写和理解。

使用async语法糖，我们可以使用await关键字来等待异步操作完成，然后继续执行代码。这使得异步代码更加类似于同步代码，从而更容易编写和理解。

例如，以下代码使用回调函数来执行异步操作：

function getData(callback) {
  setTimeout(() => {
    const data = 'Hello, world!';
    callback(data);
  }, 1000);
}

getData((data) => {
  console.log(data);
});

使用async语法糖，我们可以将上述代码重写为如下所示：

async function getData() {
  const data = await new Promise((resolve) => {
    setTimeout(() => {
      resolve('Hello, world!');
    }, 1000);
  });
  return data;
}

async function main() {
  const data = await getData();
  console.log(data);
}

main();