ECMAScript 2016 中的 Symbol.iterator 的使用及注意事项-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2015 中，引入了 Symbol 类型，Symbol 类型是一种新的基本数据类型，用于表示唯一的标识符。在 ECMAScript 2016 中，又引入了一个新的内置 Symbol，即 Symbol.iterator。

Symbol.iterator 是一个函数，用于返回一个对象的默认迭代器。它可以用于自定义迭代器的实现，以及在 for...of 循环中使用。

使用方法

一个对象要支持迭代器，需要在它的原型对象上添加一个 Symbol.iterator 方法。这个方法需要返回一个迭代器对象，迭代器对象需要实现一个 next 方法，该方法返回一个对象，包含 value 和 done 两个属性。

value 表示当前迭代的值，done 表示是否已经迭代完毕。当 done 为 true 时，迭代结束。

下面是一个简单的示例：

// javascriptcn.com 代码示例
let myIterable = {
  [Symbol.iterator]: function* () {
    yield 1;
    yield 2;
    yield 3;
  }
}

for (let value of myIterable) {
  console.log(value); // 1, 2, 3
}

在上面的示例中，我们定义了一个对象 myIterable，它的原型对象上添加了一个 Symbol.iterator 方法，该方法返回一个生成器函数。在 for...of 循环中，我们使用 myIterable 迭代器对象，依次输出了 1、2、3 三个值。

注意事项

迭代器对象必须实现 next 方法，否则会抛出 TypeError 异常。
next 方法必须返回一个对象，包含 value 和 done 两个属性。
当 done 为 true 时，value 可以省略。
迭代器对象可以返回任意类型的值，包括 undefined。
for...of 循环只能用于支持迭代器的对象，否则会抛出 TypeError 异常。

总结

Symbol.iterator 是 ECMAScript 2016 中引入的一个新内置 Symbol，它可以用于自定义迭代器的实现，以及在 for...of 循环中使用。使用 Symbol.iterator 的关键在于实现一个迭代器对象，该对象需要实现 next 方法，并返回一个对象，包含 value 和 done 两个属性。

使用迭代器可以让我们更方便地遍历数据，同时也可以更加灵活地控制迭代的过程。在实际开发中，我们可以结合生成器函数、数组等数据结构，实现更加复杂的迭代器逻辑，提高代码的可读性和可维护性。

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