JavaScript设计模式-迭代器模式

定义

  迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。

描述

  迭代器模式可以把迭代的过程从业务逻辑中分离出来，在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素。JavaScript内置了很多迭代器，如数组的forEach()、map()、filter()、some()、every()。

迭代器分类

  迭代器可以分为内部迭代器和外部迭代器，它们有各自的适用场景。

【内部迭代器】
　　内部迭代器在调用的时候非常方便，外界不用关心迭代器内部的实现，跟迭代器的交互也仅仅是一次初始调用。如下的forEach函数的内部已经定义好了迭代规则，它完全接手整个迭代过程，外部只需要一次初始调用，但这也刚好是内部迭代器的缺点。由于内部迭代器的迭代规则已经被提前规定，下面的forEach函数就无法同时迭代2个数组了。

let arr = [1,2,3,4,5]
arr.forEach(function (item,index,arr) {
    console.log(item)
})

【外部迭代器】
　　外部迭代器必须显式地请求迭代下一个元素。外部迭代器增加了一些调用的复杂度，但相对也增强了迭代器的灵活性，可以手工控制迭代的过程或者顺序。

let Iterator = function( obj ){
    let current = 0
    let next = function(){
        current += 1
    }
    let isDone = function(){
        return current >= obj.length
    }
    let getCurrItem = function(){
        return obj[ current ]
    }
    return {
        next: next,
        isDone: isDone,
        getCurrItem: getCurrItem
    }
}

  外部迭代器虽然调用方式相对复杂，但它的适用面更广，也能满足更多变的需求。内部迭代器和外部迭代器在实际生产中没有优劣之分，究竟使用哪个要根据需求场景而定。

迭代类数组

  迭代器模式不仅可以迭代数组，还可以迭代一些类数组的对象。比如arguments、{"0":'a',"1":'b'}等。无论是内部迭代器还是外部迭代器，只要被迭代的聚合对象拥有length属性而且可以用下标访问，那它就可以被迭代。
　　在JS中，for in语句可以用来迭代普通字面量对象的属性。jQuery中提供了$.each函数来封装各种迭代行为：

$.each = function (obj, callback) {
    let value,
        i = 0,
        length = obj.length,
        isArray = isArraylike(obj)
    if (isArray) { // 迭代类数组
        for (; i < length; i++) {
            value = callback.call(obj[i], i, obj[i])
            if (value === false) {
                break
            }
        }
    } else {
        for (i in obj) { // 迭代object 对象
            value = callback.call(obj[i], i, obj[i])
            if (value === false) {
                break
            }
        }
    }
    return obj
}

  迭代器可以像普通for循环中的break一样，提供一种跳出循环的方法。在jQuery的each函数里有这样一句if(value===false){ break; }

参考文献

《JavaScript设计模式与开发实践》