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
}

迭代器辅助方法类似于数组方法，但提供了一个很好的、也是标准库中曾缺失的惰性执行能力。
迭代器本身又是与流等其它 Web API 相关的，因此现在可以在不引入第三方库的情况下更容易实现流式/响应式编程。(个人认为引入 RxJS 这种库在各种方面都开销大)

我们知道，规范中已有 %AsyncIteratorPrototype%，但是不存在全局对象 AsyncIterator 被暴露，目前也没有提案给该原型上提供辅助函数。

这也很容易理解，因为迭代器迭代本来就是惰性的，因此无需区分同步和异步。

TypeScript

update 2024/9/11
TypeScript 5.6 已为迭代器辅助方法提供类型，包括内置迭代器子类。

←Back to home

This work is licensed under CC BY-NC-SA 4.0