迭代器模式提供一种方法顺序访问一个聚合对象中各个元素，而又不需要暴露该方法中的内部表示。
js 中我们经常会封装一个 each 函数用来实现迭代器。
array 的迭代器：
|
1 2 3 4 |
forEach = function( ary, fn ){ for ( var i = 0, l = ary.length; i < l; i++ ){ var c = ary[ i ]; if ( fn.call( c, i , c ) === false ){ return false; } }} forEach( [ 1, 2, 3 ], function( i, n ){ alert ( i ); }) |
obejct 的迭代器:
|
1 2 3 4 |
forEach = function( obj, fn ){ for ( var i in obj ){ var c = obj[ i ]; if ( fn.call( c, i, c ) === false ){ return false; } }} forEach( {"a": 1,"b": 2}, function( i, n ){ alert ( i ); }) |
【Javascript设计模式13】-组合模式 | Tencent AlloyTeam 2012 年 10 月 25 日
[…] 迭代器模式 […]
【Javascript设计模式4】- 适配器模式 | Tencent AlloyTeam 2012 年 10 月 24 日
[…] 迭代器模式： http://www.alloyteam.com/2012/10/commonly-javascript-design-patterns-iterator-mod… […]
【javascript设计模式1】-单例模式 | Tencent AlloyTeam 2012 年 10 月 24 日
[…] 迭代器模式： http://www.alloyteam.com/2012/10/commonly-javascript-design-patterns-iterator-mod… […]
【javascript设计模式9】-策略模式 | Tencent AlloyTeam 2012 年 10 月 24 日
[…] 迭代器模式： http://www.alloyteam.com/2012/10/commonly-javascript-design-patterns-iterator-mod… […]
Colonel 2012 年 11 月 12 日
Thanks for srhanig. Your post is a useful contribution.
【javascript设计模式8】-访问者模式 | Tencent AlloyTeam 2012 年 10 月 24 日
[…] 迭代器模式： http://www.alloyteam.com/2012/10/commonly-javascript-design-patterns-iterator-mod… […]
【javascript设计模式7】-外观模式 | Tencent AlloyTeam 2012 年 10 月 24 日
[…] 迭代器模式： http://www.alloyteam.com/2012/10/commonly-javascript-design-patterns-iterator-mod… […]
【javascript设计模式2】-简单工厂模式 | Tencent AlloyTeam 2012 年 10 月 24 日
[…] 迭代器模式： http://www.alloyteam.com/2012/10/commonly-javascript-design-patterns-iterator-mod… […]