介绍

• 顺序访问一个集合
• 使用者无需知道集合的内部结构（封装）

示例

生活中暂无形象示例来说明迭代器模式。

UML类图

迭代器模式UML类图.png

代码演示

class Iterator {
    constructor(container) {
        this.list = container.list;
        this.index = 0;
    }
    next() {
        if (this.hasNext()) {
            return this.list[this.index++];
        }
        return null;
    }
    hasNext() {
        if (this.index >= this.list.length) {
            return false;
        }
        return true;
    }
}

class Container {
    constructor(list) {
        this.list = list;
    }
    // 生成遍历器
    getIterator() {
        return new Iterator(this);
    }
}

let arr = [1, 2, 4, 5, 6];
let container = new Container(arr);
let iterator = container.getIterator();
while(iterator.hasNext()) {
    console.log(iterator.next());
}

场景

• jQuery的each函数
• ES6 Iterator

ES6 Iterator为何存在？

• ES6语法中，有序集合的数据类型已经有很多
• Array Map Set String TypedArray arguments Nodelist
• 需要有一个统一的遍历接口来遍历所有数据类型
• （注意，object不是有序集合，可以用Map代替）

ES6 Iterator是什么？

• 以上数据类型，都有[Symbol.iterator]属性
• 属性值是函数，执行函数返回一个迭代器
• 这个迭代器就有next方法可顺序迭代子元素
• 可运行Array.prototype[Symbol.iterator]来测试