Node.js 디자인 패턴: 반복자 패턴이 무엇인가요? js 반복자 패턴 소개

이 기사에서는 js 디자인 패턴에 대한 내용을 제공합니다. 반복자 패턴이란 무엇입니까? js iterator 모드의 도입에는 특정 참고 가치가 있습니다. 도움이 필요한 친구가 참고할 수 있기를 바랍니다.

반복자 패턴이란 무엇인가요?

Definition: 개체의 내부 표현을 노출하지 않고 집계 개체의 각 요소에 순차적으로 액세스하는 방법을 제공합니다.

주요 솔루션: 전체 통합 개체를 탐색하는 다양한 방법.

사용 시기: 집계 객체를 탐색합니다.

해결 방법: 요소 간 이동 책임을 집계 개체 대신 반복자에게 맡기세요.

키 코드: 정의 인터페이스: 완료, 다음.

반복자 패턴의 장점: 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 전략 패턴 소개

위 내용은 Node.js 디자인 패턴: 반복자 패턴이 무엇인가요? js 반복자 패턴 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!