設計模式之叠代器模式
阿新 • • 發佈：2017-05-04
正文 apr 不同 情況 透明 方式 允許 例如 index
設計模式之叠代器模式
Apr 25, 2015叠代器模式(Iterator)：提供一種方法順序一個聚合對象中各個元素，而又不暴露該對象內部表示。
叠代器的幾個特點是：
- 訪問一個聚合對象的內容而無需暴露它的內部表示。
- 為遍歷不同的集合結構提供一個統一的接口，從而支持同樣的算法在不同的集合結構上進行操作。
- 遍歷的同時更改叠代器所在的集合結構可能會導致問題（比如 C# 的 foreach 裏不允許修改 item）。
正文
一般的叠代，我們至少要有 2 個方法，hasNext()和 Next()，這樣才做做到遍歷所有對象，我們先給出一個例子：
| var agg = (function () { var index = 0, data = [1, 2, 3, 4, 5], length = data.length; return { next: function () { var element; if (!this.hasNext()) { return null; } element = data[index]; index = index + 2; return element; }, hasNext: function () { return index < length; }, rewind: function () { index = 0; }, current: function () { return data[index]; } }; } ()); |
使用方法和平時 C# 裏的方式是一樣的：
| // 叠代的結果是：1,3,5 while (agg.hasNext()) { console.log(agg.next()); } |
當然，你也可以通過額外的方法來重置數據，然後再繼續其它操作：
| // 重置 agg.rewind(); console.log(agg.current()); // 1 |
jQuery 應用例子
jQuery 裏一個非常有名的叠代器就是 $.each 方法，通過 each 我們可以傳入額外的 function，然後來對所有的 item 項進行叠代操作，例如：
| $.each([‘dudu‘, ‘dudu‘, ‘酸奶小妹‘, ‘那個MM‘], function (index, value) { console.log(index + ‘: ‘ + value); }); //或者 $(‘li‘).each(function (index) { console.log(index + ‘: ‘ + $(this).text()); }); |
總結
叠代器的使用場景是：對於集合內部結果常常變化各異，我們不想暴露其內部結構的話，但又響讓客戶代碼透明底訪問其中的元素，這種情況下我們可以使用叠代器模式。
設計模式之叠代器模式