javascript設計模式 – 迭代器模式原理與用法例項分析
本文例項講述了javascript設計模式 – 迭代器模式原理與用法。分享給大家供大家參考,具體如下:
介紹:迭代器模式是一種使用頻率非常高的設計模式,通過引入迭代器,可以將資料的遍歷功能從聚合物件中分離出來。迭代器模式用於順序訪問集合物件的元素,不需要知道集合物件的底層表示。
定義:提供一種方法來訪問聚合物件,而不用暴露這個物件的內部表示,其別名為遊標(Cursor)。迭代器模式是一種物件行為型模式。
場景:我們做一個百家姓的迭代器
示例:
function NameRepository(){ var names = ['趙','錢','孫','李']; this.getIterator = function(){ return new NameIterator(); } function NameIterator(){ var index = 0; //判斷是否存在下一個元素 this.hasNext = function(){ return index < names.length; } //將遊標指向第一個元素 this.first = function(){ index = 0; } //獲取遊標指向的當前元素 this.currentItem = function(){ return names[index]; } this.next = function(){ if(this.hasNext()){ return names[index++] } return null; } } } var nameRepository = new NameRepository(); for(var iter = nameRepository.getIterator(); iter.hasNext();){ console.log(iter.next()) } // 趙 // 錢 // 孫 // 李
例子中NameIterator稱為具體迭代器,它實現了對聚合物件的遍歷,通過遊標index來記錄聚合物件當前位置,遊標通常為一個表示位置的非負整數。
需要注意的是迭代器的介面設計非常重要,一方面要充分滿足各種遍歷操作的要求,另一方面又不能包含太多方法。
迭代器模式總結:
優點:
* 支援以不同的方式遍歷一個聚合物件,在同一個聚合物件上可以定義多種遍歷方式
* 迭代器簡化了聚合類,原有的聚合物件不需要自行提供資料遍歷方法。
缺點:
* 迭代器模式將儲存資料和遍歷資料的職責分離,一定程度增加了系統的複雜性
* 迭代器設計難度較大,需要充分考慮可擴充套件性。
適用場景:
* 訪問一個聚合物件的內容而無須暴露它的內部表示。
* 為便利不同的聚合結構提供一個統一的介面,為不同的聚合結構實現不同的遍歷方式。
感興趣的朋友可以使用線上HTML/CSS/JavaScript程式碼執行工具:http://tools.jb51.net/code/HtmlJsRun測試上述程式碼執行效果。
更多關於JavaScript相關內容感興趣的讀者可檢視本站專題:《javascript面向物件入門教程》、《JavaScript錯誤與除錯技巧總結》、《JavaScript資料結構與演算法技巧總結》、《JavaScript遍歷演算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程式設計有所幫助。