JavaScript---設計模式之迭代器模式

標籤：each   script   訪問   不同的   index   next   結構   一個   代碼   

迭代器模式提供一種方法順序訪問一個彙總對象中各個元素，而又不需要暴露該方法中的內部表示。

jQuery中我們經常會用到一個each函數就是迭代器模式

作用

為遍曆不同的集合結構提供一個統一的介面，從而支援同樣的演算法在不同的集合結構上進行操作

對於集合內部結果常常變化各異，我們不想暴露其內部結構的話，但又想讓客戶代碼透明的訪問其中的元素，這種情況下我們可以使用迭代器模式。

注意事項

1. 一般的迭代，我們至少要有2個方法，hasNext和Next，這樣才做到遍曆所有對象。
2. 遍曆的同時更改迭代器所在的集合結構可能會導致問題（比如C#的foreach裡不允許修改item）

<script type="text/javascript">    var arr = ["1","2","3"];    var diedai = (function(){        var length = arr.length , index = 0;        return{            hasNext:function () {                return index < length;            },            next:function () {                var data = arr[index];                index = index+1;                return data;            }        };    })();    while(diedai.hasNext()){        console.log(diedai.next());    }</script>

 

JavaScript---設計模式之迭代器模式