📌 一句话摘要

本文通过清晰的示例，阐述了 JavaScript 中可迭代对象与迭代器的区别，以及它们的协议、接口和实际应用。

📝 详细摘要

本文摘自 'JavaScript for Everyone' 课程，旨在揭开可迭代对象和迭代器这些经常令人困惑的概念的神秘面纱。它定义了可迭代对象（如数组、Set、Map 和字符串）为遵循可迭代协议的对象，即在原型链中拥有 `[Symbol.iterator]()` 方法，从而支持 `for...of` 循环。迭代器则遵循迭代器协议，通过 `next()` 方法逐个顺序访问元素，该方法返回包含 `value` 和 `done` 属性的对象。作者强调，所有迭代器都是可迭代的，但内置的可迭代对象本身并非迭代器，而是*用于创建*迭代器对象。示例展示了 `Map.keys()` 等方法如何返回迭代器，以及如何通过 `[Symbol.iterator]()` 或 `Iterator.from()` 从可迭代对象手动创建迭代器。突出显示了一个关键区别：可迭代对象可以多次迭代，而迭代器维护内部状态，在单次完整遍历后即被“耗尽”或完成迭代。

💡 主要观点

1. 可迭代对象和迭代器在 JavaScript 中遵循不同的协议和接口。 可迭代对象通过 `[Symbol.iterator]()` 方法实现可迭代协议，支持 `for...of` 循环；迭代器则通过 `next()` 方法实现迭代器协议，支持顺序元素访问。
2. 所有迭代器都是可迭代的，但内置的可迭代对象用于生成迭代器，而非自身作为迭代器。 数组等可迭代对象在调用 `[Symbol.iterator]()` 时，会返回一个新的迭代器对象，用于遍历。
3. 迭代器维护内部状态，具有单次使用特性，与可重复迭代的可迭代对象不同。 一旦迭代器产生所有值且 `done` 变为 `true`，它便无法重置或重新迭代，代表一次完整的迭代过程。

💬 文章金句

• 可迭代对象实现了可迭代的迭代接口，迭代器实现了迭代器的迭代接口！（这句话本身就很绕！）
• **可迭代对象**遵循可迭代协议，这意味着它拥有创建迭代器的通用方法，其包含的元素可以通过 `for...of` 循环遍历。
• 为了满足迭代器接口标准，返回的对象必须包含两个具有特定键的属性：`value` 键表示当前元素的值，`done` 键是一个布尔值，用于指示迭代器是否已超出数据结构的最后一个元素。
• 所有迭代器都是可迭代的；它们都实现了可迭代接口。
• 由于迭代器维护内部状态，因此其本质是执行一次迭代。

📊 文章信息

阅读完整文章