js迭代对象Iterator

September 1, 2024

JavaScript

JavaScript 的世界已存在迭代协议（ES2015: Symbol.iterator），内置对象的 Symbol.iterator 直接继承 %IteratorPrototype%，但该对象没有直接暴露为全局对象。

Iterator Helpers 提案（stage3，截止目前 Chrome112 已实现）将该对象暴露为 Iterator 全局对象，并在该对象的原型上提供一系列辅助函数。

因为 Iterator 类的原型提供 [Symbol.iterator]() 方法（即 Iterator 实例就是可迭代对象），通过继承 Iterator（并覆写其上的一些方法），就能方便地实现可迭代对象。

以一些内置迭代器为例，它们往往继承 Iterator 并覆写 next() 和 Symbol.toStringTag。

// 示例
class RangeIterator extends Iterator {
    private current: number;
    constructor(
        private start: number,
        private end: number,
    ) {
        super();
        this.current = start;
    }

    next() {
        if (this.current < this.end) {
            const value = this.current;
            this.current++;
            return { value, done: false };
        } else {
            return { done: true };
        }
    }
}

for (const number of new RangeIterator(1, 5)) {
    console.log(number); // => 1 2 3 4
}