06장 반복기와 생성기

Iris·2022년 1월 10일
0
post-thumbnail

📖 전예홍, ⌈Do it! 타입스크립트 프로그래밍⌋, 이지스퍼블리싱, 2021

06-1 반복기 이해하기

실습 프로젝트 설정

> npm init --y
> npm i -D typescript ts-node @types/node
> mkdir src

🔽 tsconfig.json

{
  "compilerOptions": {
    "downlevelIteration": true
  }
}

반복기와 반복기 제공자

💡 반복기의 특징
1. next라는 이름의 메서드 제공
2. next 메서드는 value와 done 속성을 가진 객체 반환


06-2 생성기 이해하기

yield 키워드

: 값을 대상으로 동작

💡 yield의 기능
1. 반복기 자동 생성
2. 반복기 제공자 역할 수행


yield* 키워드

: 다른 생성기나 배열을 대상으로 동작

function* gen12() {
  yield 1
  yield 2
}

export function* gen12345() {
  yield* gen12()
  yield* [3, 4]
  yield 5
}
import {gen12345} from './yield-star'

for (let value of gen12345())
  console.log(value) // 1 2 3 4 5

이번 스터디에서 특별히 좋았던 점이나 어려웠던 점, 새로 알게 된 부분

반복기와 생성기의 역할과 이러한 것들이 왜 필요한지에 대해 이해했다. 반복기의 next 메서드가 value와 done 두 개의 속성을 가진 객체를 반환한다는 것, 생성기의 yield와 yield* 두 키워드의 차이를 학습했다.

profile
👩🏻‍💻 Web Front-end Developer

0개의 댓글