本篇文章帶給大家的內容是關於js設計模式：什麼是迭代器模式？ js迭代器模式的介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
定義：提供一個方法順序存取一個聚合物件中各個元素, 而又無須暴露該物件的內部表示。
主要解決：不同的方式來遍歷整個整合物件。
何時使用：遍歷一個聚合物件。
如何解決：把在元素之間遊走的責任交給迭代器，而不是聚合物件。
關鍵程式碼：定義介面：done, next。
迭代器模式優點： 1、它支援以不同的方式遍歷一個聚合物件。 2.迭代器簡化了聚合類別。 3.在同一個聚合上可以有多個遍歷。 4.在迭代器模式中，增加新的聚合類別和迭代器類別都很方便，無須修改原有程式碼。
迭代器模式缺點：由於迭代器模式將儲存資料和遍歷資料的職責分離，增加新的聚合類別需要對應增加新的迭代器類，類別的個數成對增加，這在一定程度上增加了系統的複雜性。
迭代器模式使用場景： 1、存取一個聚合物件的內容而無須揭露它的內部表示。 2.需要為聚合物件提供多種遍歷方式。 3.為遍歷不同的聚合結構提供一個統一的介面。
注意事項：迭代器模式就是分離了集合物件的遍歷行為，抽象化一個迭代器來負責，這樣既可以做到不暴露集合的內部結構，又可讓外部程式碼透明地存取集合內部的資料。
function each(arr, fn) {
for (let i = 0; i < arr.length; i++) {
fn(i, arr[i])
}
}
each([1, 2, 3], function(i, n) {
console.log(i) // 0 1 2
console.log(n) // 1 2 3})可以看出內部迭代器在呼叫的時候非常簡單，使用者不用關心迭代器內部實作的細節，但這也是內部迭代器的缺點。例如要比較兩數組是否相等，只能在其回調函數中作文章了，程式碼如下：
const compare = function(arr1, arr2) {
each(arr1, function(i, n) {
if (arr2[i] !== n) {
console.log('两数组不等')
return
}
})
console.log('两数组相等')
}
const arr1 = [1, 2, 3]
const arr2 = [1, 2, 3]
compare(arr1, arr2) // 两数组相等const iterator = function(arr) {
let current = 0
const next = function() {
current = current + 1
}
const done = function() {
return current >= arr.length
}
const value = function() {
return arr[current]
}
return {
next,
done,
value,
}
}
const arr1 = [1, 2 ,3]
const arr2 = [1, 2, 3]
const iterator1 = iterator(arr1)
const iterator2 = iterator(arr2)
const compare = function(iterator1, iterator2) {
while (!iterator1.done() && !iterator2.done()) {
if (iterator1.value() !== iterator2.value()) {
console.log('两数组不等')
return
}
iterator1.next() // 外部迭代器将遍历的权利转移到外部
iterator2.next()
}
console.log('两数组相等')
}
compare(iterator1, iterator2)相關推薦：
以上是js設計模式：什麼是迭代器模式？ js迭代器模式的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
