[타입스크립트] 제너레이터 지원, 명시

제너레이터 함수

제너레이터 함수는 여러 개의 값을 생성하는 편리한 기능을 제공한다. 제너레이터 함수를 이용하면 값을 생산하는 속도도 정교하게 조정할 수 있다.

//다음 피보나치 숫자를 계산하기 위해 a에 b를, b에 a+b를 한번에 다시 할당한다.

function* createFibonacciGenerator() {
  let a = 0;
  let b = 1;
  while (true) {
    yield a;
    [a, b] = [b, a + b];
  }
}

let fiboancciGenerator = createFibonacciGenerator();
                                        //IterableIterator<number>
console.log(fiboancciGenerator.next()); //{ value: 0, done: false }
console.log(fiboancciGenerator.next()); //{ value: 1, done: false }
console.log(fiboancciGenerator.next()); //{ value: 1, done: false }
console.log(fiboancciGenerator.next()); //{ value: 2, done: false }
console.log(fiboancciGenerator.next()); //{ value: 3, done: false }
console.log(fiboancciGenerator.next()); //{ value: 5, done: false }
console.log(fiboancciGenerator.next()); //{ value: 8, done: false }
console.log(fiboancciGenerator.next()); //{ value: 13, done: false }

위 코드의 createFibonacciGenerator 함수는 IterableIterator을 반환하고, 이 제너레이터에 next를 호출할 때마다 다음 피보나치 값을 계산해서 결과를 방출한다. 타입스크립트에서 방출된 값을 이용해 반복자의 타입을 추론한다.

 

다음 예처럼 IterableIterator 에서 방출하는 타입을 감싸서 제너레이터 반환 타입을 명시하는 방법도 있다.

function* createNumbers(): IterableIterator<number> {
  let n = 1;
  while (true) {
    yield n++;
  }
}
let numbers = createNumbers();
console.log(numbers.next()); //{ value: 1, done: false }
console.log(numbers.next()); //{ value: 2, done: false }
console.log(numbers.next()); //{ value: 3, done: false }

 

요약하자면 제너레이터는 자바스크립트의 정말 멋진 기능이며 타입스크립트에서도 지원한다는 사실이다.