자바스크립트 Python화

Python에는 반복 가능한 객체와 반복자 프로토콜을 기반으로 구축된 range, enumerate, zip 등과 같은 강력한 유틸리티 기능이 많이 있습니다. 생성기 기능과 결합된 이러한 프로토콜은 2016년경부터 모든 Evergreen 브라우저와 Node.js에서 사용할 수 있었지만 제 생각에는 그 사용률이 놀라울 정도로 낮습니다. 이 기사에서는 이를 변경하기 위해 TypeScript를 사용하여 이러한 도우미 함수 중 일부를 구현하겠습니다.

반복자, 반복 가능 및 생성기 함수

반복자 프로토콜

반복자 프로토콜은 일련의 값을 생성하는 표준 방법입니다. 객체가 반복자가 되려면 next 메서드를 구현하여 반복자 프로토콜을 준수해야 합니다. 예:

<code class="language-typescript">const iterator = {
  i: 0,
  next() {
    return { done: false, value: this.i++ };
  }
};</code>

그런 다음 next 메서드를 반복적으로 호출하여 값을 얻을 수 있습니다.

<code class="language-typescript">console.log(iterator.next().value); // → 0
console.log(iterator.next().value); // → 1
console.log(iterator.next().value); // → 2
console.log(iterator.next().value); // → 3
console.log(iterator.next().value); // → 4</code>

next 메서드는 value 속성(실제 값 포함)과 done 속성(반복자가 소진되었는지 여부, 즉 더 이상 값을 생성할 수 없는지 여부 지정)을 포함하는 객체를 반환해야 합니다. MDN에 따르면 두 속성 모두 반드시 필요하지 않으며 둘 다 누락된 경우 반환 값은 { done: false, value: undefined }으로 처리됩니다.

반복 가능한 객체 프로토콜

Iterable Object 프로토콜을 사용하면 객체가 자체 반복 동작을 정의할 수 있습니다. Iterable Object 프로토콜을 준수하려면 객체는 반복자를 반환하는 Symbol.iterator 키를 사용하여 메서드를 정의해야 합니다. Array, TypedArray, Set 및 Map과 같은 많은 내장 객체는 이 프로토콜을 구현하므로 for...of 루프를 사용하여 반복할 수 있습니다.

예를 들어 배열의 경우 values 메서드는 배열의 Symbol.iterator 메서드로 지정됩니다.

<code class="language-typescript">console.log(Array.prototype.values === Array.prototype[Symbol.iterator]); // → true</code>

반복자와 반복 가능한 객체 프로토콜을 결합하여 다음과 같이 반복 가능한 반복자를 만들 수 있습니다.

<code class="language-typescript">const iterable = {
  i: 0,
  [Symbol.iterator]() {
    const iterable = this;
    return {
      next() {
        return { done: false, value: iterable.i++ };
      }
    };
  }
};</code>

이 두 프로토콜의 이름은 안타깝게도 매우 유사하여 오늘날까지도 여전히 혼란스럽습니다.

짐작하셨겠지만 반복자와 반복 가능한 객체 예제는 무한합니다. 즉, 영원히 값을 생성할 수 있다는 의미입니다. 이는 매우 강력한 기능이지만 쉽게 함정이 될 수도 있습니다. 예를 들어, for...of 루프에서 반복 가능 항목을 사용하면 루프가 영원히 계속되거나 Array.from에 대한 매개변수로 JS가 결국 RangeError을 발생시킵니다. 배열이 너무 커지기 때문입니다. 🎜>

<code class="language-typescript">// 将无限循环：
for (const value of iterable) {
  console.log(value);
}

// 将抛出 RangeError
const arr = Array.from(iterable);</code>

iterator와 iterable이 무한할 수 있는 이유는 느리게 평가되기 때문입니다. 즉, 사용될 때만 값을 생성합니다.

제너레이터 기능

반복자와 반복 가능한 객체는 귀중한 도구이지만 작성하기가 다소 번거로울 수 있습니다. 대안으로 생성기 기능이 도입되었습니다.

생성기 함수는 function*(또는 function *, 별표는 function 키워드와 함수 이름 사이에 있을 수 있음)을 사용하여 지정되며, 함수 실행을 중단하고 키워드를 사용하고 내부 상태를 유지하면서 나중에 중단된 부분부터 실행을 재개합니다. yield

<code class="language-typescript">const iterator = {
  i: 0,
  next() {
    return { done: false, value: this.i++ };
  }
};</code>

Python 유틸리티

소개에서 언급했듯이 Python에는 위 프로토콜을 기반으로 하는 몇 가지 매우 유용한 내장 유틸리티가 있습니다. JavaScript는 최근

및 .drop()와 같은 반복자를 위한 몇 가지 도우미 메서드도 추가했지만 (아직은 아닐 수도 있음) Python에 더 흥미로운 유틸리티가 있습니다. .filter()

직접 시작해 보세요!

이제 이론 부분이 끝났으니 Python 함수 구현을 시작해 보겠습니다!

참고: 여기에 표시된 구현 중 어느 것도 프로덕션 환경에서 있는 그대로 사용해서는 안 됩니다. 오류 처리 및 경계 조건 확인이 부족합니다.

열거(반복 가능 [,start])

Python의

은 입력 시퀀스 또는 반복 가능 항목의 각 항목에 대한 튜플 시퀀스를 반환합니다. 여기서 첫 번째 위치에는 개수가 포함되고 두 번째 위치에는 항목이 포함됩니다. enumerate

<code class="language-typescript">console.log(iterator.next().value); // → 0
console.log(iterator.next().value); // → 1
console.log(iterator.next().value); // → 2
console.log(iterator.next().value); // → 3
console.log(iterator.next().value); // → 4</code>

은 카운터가 시작되어야 하는 위치를 나타내는 선택적 enumerate 매개변수도 허용합니다. start

<code class="language-typescript">console.log(Array.prototype.values === Array.prototype[Symbol.iterator]); // → true</code>

생성기 함수를 사용하여 TypeScript에서 이를 구현해 보겠습니다. Python 문서에 설명된 구현을 가이드로 사용할 수 있습니다

<code class="language-typescript">const iterable = {
  i: 0,
  [Symbol.iterator]() {
    const iterable = this;
    return {
      next() {
        return { done: false, value: iterable.i++ };
      }
    };
  }
};</code>

JavaScript의 문자열은 Iterable Object 프로토콜을 구현하므로 간단히 문자열을

함수에 전달하고 다음과 같이 호출할 수 있습니다. enumerate

<code class="language-typescript">// 将无限循环：
for (const value of iterable) {
  console.log(value);
}

// 将抛出 RangeError
const arr = Array.from(iterable);</code>

반복(요소 [,n])

은 내장 repeat 라이브러리의 일부로, 주어진 입력 itertools을 n번 반복하거나, n이 지정되지 않은 경우 무한히 반복합니다. 다시 한번 Python 문서의 구현을 출발점으로 사용할 수 있습니다. elem

<code class="language-typescript">function* sequence() {
  let i = 0;
  while (true) {
    yield i++;
  }
}

const seq = sequence();
console.log(seq.next().value); // → 0;
console.log(seq.next().value); // → 1;
console.log(seq.next().value); // → 2;

// 将无限循环，从 3 开始
for (const value of seq) {
  console.log(value);
}</code>

(여기서

, cycle 함수의 구현은 너무 길어 생략하지만 로직은 원문과 동일하고 코드만 TypeScript로 다시 작성했습니다.) range

결론

이것은 내 첫 번째 블로그 게시물입니다. 여러분이 흥미로워하길 바라며 향후 프로젝트에서 반복자, 반복 가능자 및 생성기를 사용할 수도 있습니다. 질문이 있거나 설명이 필요한 경우 댓글을 남겨주시면 더 많은 정보를 제공해 드리겠습니다.

한 가지 주목해야 할 점은 성능이 카운터를 사용하는 원래

루프와 전혀 가깝지 않다는 것입니다. 이는 대부분의 경우 중요하지 않을 수 있지만 고성능 시나리오에서는 확실히 중요합니다. PCM 데이터를 캔버스에 그리고 반복자와 생성기를 사용할 때 프레임이 손실되는 것을 발견하면 귀찮습니다. 돌이켜보면 당연할 수도 있지만 당시에는 그렇지 않았습니다 :Dfor

건배!

위 내용은 자바스크립트 Python화의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!