在 ES9 中，新增了同步可迭代器（Synchronous Iterators）的功能。这个功能可以让我们更加方便地处理同步的迭代器。在本文中，我们将简单地介绍同步可迭代器的概念、用法和示例代码。
同步可迭代器的概念
同步可迭代器是一种特殊的迭代器，它可以同步地迭代一个数据集合。在传统的迭代器中，我们通常是通过异步的方式来迭代一个数据集合的，而同步可迭代器则可以在同步的情况下迭代数据集合。
同步可迭代器的一个重要特点就是，它可以像一个数组一样进行迭代，而不需要使用异步的方式来处理。这意味着我们可以更加方便地处理同步的数据集合，而不需要担心异步调用的问题。
同步可迭代器的用法
同步可迭代器的用法与传统的迭代器非常相似。我们可以使用 for...of 循环来遍历同步可迭代器中的元素，也可以使用 next() 方法来逐个获取同步可迭代器中的元素。
下面是一个简单的示例代码，它演示了如何创建一个同步可迭代器，并使用 for...of 循环来遍历其中的元素：
// www.javascriptcn.com code example
const myIterable = {
*[Symbol.iterator]() {
yield 1;
yield 2;
yield 3;
}
};
for (let value of myIterable) {
console.log(value);
}
// Output:
// 1
// 2
// 3在这个示例代码中，我们创建了一个名为 myIterable 的对象，它的 Symbol.iterator 方法返回了一个生成器函数。这个生成器函数使用 yield 关键字来生成一系列的数字，并将它们作为迭代器中的元素。
接着，我们使用 for...of 循环来遍历 myIterable 中的元素。在每次迭代中，for...of 循环会自动调用迭代器的 next() 方法，并将返回值赋值给 value 变量。在本例中，value 变量将依次取到 1、2 和 3 三个值。
除了使用 for...of 循环来遍历同步可迭代器，我们还可以使用 next() 方法来逐个获取其中的元素。下面是一个示例代码，它演示了如何使用 next() 方法来逐个获取同步可迭代器中的元素：
// www.javascriptcn.com code example
const myIterable = {
*[Symbol.iterator]() {
yield 1;
yield 2;
yield 3;
}
};
const iterator = myIterable[Symbol.iterator]();
console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 2, done: false }
console.log(iterator.next()); // { value: 3, done: false }
console.log(iterator.next()); // { value: undefined, done: true }在这个示例代码中，我们首先创建了一个名为 myIterable 的对象，它的 Symbol.iterator 方法返回了一个生成器函数，该函数生成了一系列的数字。
接着，我们使用 myIterable[Symbol.iterator]() 方法来获取 myIterable 的迭代器，并将其赋值给 iterator 变量。
最后，我们使用 iterator.next() 方法来逐个获取 myIterable 中的元素。在每次调用 iterator.next() 方法时，它会返回一个对象，该对象包含了当前迭代的元素和一个表示是否迭代结束的 done 属性。
同步可迭代器的学习和指导意义
同步可迭代器的出现，让我们可以更加方便地处理同步的数据集合。它可以让我们使用更加直观的方式来处理同步数据集合，而不需要担心异步调用的问题。此外，同步可迭代器还可以让我们更加方便地与其他 API 进行集成，例如 Map 和 Set 等数据结构。
在学习同步可迭代器的过程中，我们需要注意一些细节。例如，在同步可迭代器中，我们需要使用 yield 关键字来生成每个元素。此外，我们还需要注意同步可迭代器中的 done 属性，它可以帮助我们判断是否已经迭代完了所有的元素。
总之，同步可迭代器是一个非常有用的功能，它可以让我们更加方便地处理同步的数据集合。在学习和使用同步可迭代器时，我们需要注意一些细节，并结合实际的开发需求来灵活运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d5b4b3a941bf7134ae5633