细品-javascript-设计模式迭代器模式

这是我写的 javascript 设计模式的一套系列文章。尽我所能的做到用最少的文字，最少的篇幅。讲明白设计模式的方方面面。

熟练运用设计模式，能让你写出更加健壮的代码。文章连接

理解迭代器模式

按照顺序，从对象中依次取出数据。

上代码：迭代器

var each = function( ary, callback ){    for ( var i = 0, l = ary.length; i < l; i++ ){        // 把下标和元素当作参数传给 callback 函数        callback.call( ary[i], i, ary[ i ] );    }};each( [ 1, 2, 3 ], function( i, n ){    alert ( [ i, n ] );});

上面是一个普通的 for 循环，套一层函数就变成了迭代器？是的，但如果一个对象是JSON的话，怎么遍历呢？

外部迭代器

这样的对象该如何遍历？

let o = {    0: 1,    1: 'aa',    2: 'cc',    3: 3,    4: 4,    length: 5,}

这里需要用到外部迭代器

// 定义外部迭代器，显式调用var Interator = function(obj) {    var current = 0;    var next = function() {        current++;    }    var isDone = function() {        return current >= obj.length;    }    var getCurrent = function() {        return obj[current];    }    return {        next,        isDone,        getCurrent,    }}var interator = Interator(o)while (interator.isDone() === false) {    // 依次输出 1, aa, cc, 3, 4    console.log(interator.getCurrent())    interator.next()}

小结

简单来说，迭代器模式就是提供一种顺序访问一个聚合对象中的各个元素。

迭代器的思想一定不是局限于数组的，未来还有更多的使用场景等你来探索。

[参考1] 《javascript 设计模式与开发实践》