設計模式之叠代器模式
阿新 • • 發佈: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()); }); |
總結
叠代器的使用場景是:對於集合內部結果常常變化各異,我們不想暴露其內部結構的話,但又響讓客戶代碼透明底訪問其中的元素,這種情況下我們可以使用叠代器模式。
設計模式之叠代器模式