js設計模式：什麼是迭代器模式？ js迭代器模式的介紹

本篇文章帶給大家的內容是關於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代理模式的介紹

js設計模式：什麼是策略模式？ js策略模式的介紹

以上是js設計模式：什麼是迭代器模式？ js迭代器模式的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！