[자바스크립트] 제너레이터

Generator

제너레이터 함수는 여러 개의 값을 생성하는 편리한 기능을 제공한다. 제너레이터 함수를 이용하면 값을 생산하는 속도도 정교하게 조정할 수 있다. 제너레이터 함수는 게으르게 동작(즉, 소비자가 요청해야만 다음 값을 계산)하기 때문에 무한의 목록 생성하기 같은 까다로운 기능을 제공할 수 있다.)

제너레이터 함수는 다음처럼 동작한다.

//함수명 앞에 붙은 * 은 이 함수가 제너레이터임을 의미한다.
//제너레이터를 호출하면 이터러블 반복자가 봔환
function* createFibonacciGenerator() {
  let a = 0;
  let b = 1;
  while (true) {
    yield a;
    [a, b] = [b, a + b];
  }
}

//다음 피보나치 숫자를 계산하기 위해 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를
//호출할 때마다 다음 피보나치 값을 계산해서 결과를 방출한다.

//타입스크립트에서 이 코드들을 돌리면,
//타입스크립트가 방출된 값의 타입을 이용해 반복자 타입을 추론한다.

- 제너레이터는 영구적으로 값을 생성할 수 있다.

- 제너레이터는 yield라는 키워드로 값을 방출한다. 소비자가 제너레이터에 다음 값을 요청하면(예:next 호출), yield를 이용해 결과를 소비자에게 보내고, 소비자가 다음 값을 다시 요청하기 전까지는 실행을 중지한다. 이런 방식으로 동작하므로 while(true) 루프가 영원히 실행되다가 비정상 종료되는 상황이 일어나지 않는다.

 

 

Generator는 호출될 때 Iterator를 자동으로 생성하는 특수 함수

Generator 정의는 별표(*) 문자로 표시되고 yield 키워드를 사용하여 next() 메서드를 연속적으로 호출할 때 반환할 값을 나타낸다.

아마도 Generator와 Iterator 중 가장 흥미로운 부분은 보다 깨끗한 비동기 코드를 생성할 수 있다는 것이다. 콜백을 사용하는 대신 동기식으로 보이는 코드가 실제로 yield를 사용하면 비동기 작업으로 완료될 때까지 대기한다.

 

요약 : 함수의 실행을 중간에 멈췄다가 재개할 수 있는 기능
쉽게 말해서 제너레이터는 다른 작업을 하다가 다시 돌아와서 next() 해주면 진행이 멈췄던 부분부터 이어서 실행

• 메서드 :
  next() : 양보된 지점 그 다음으로 넘어갈 수 있음
  return(): done을 true로 바꿈
  throw(): done을 true로 바꿈
• Iterable(뜻: 반복이 가능한)이므로,
  - Symbol.Iterator 메서드가 구현되어 있어야 한다. 즉, 객체가 Symbol.iterator 키를 갖는 속성이 있어야 함
  - Symbol.Iterator 는 Iterator을 반환해야 한다
• Iterator
  - next 메서드를 가진다
  - next 메서드는 value와 done 속성을 가진 객체를 반환한다.
  - 작업이 끝나면 done은 true가 된다.

그러므로, Genertor은 Iterator 이면서 Iterable이다.

for..of 구문이 잘 돌아간다


for(let num of a){
  console.log(num);
}
 


function* fn() {
  yield 1;
  yield 2;
  yield 3;
  return "finish";
}

const a = fn();

 


function* fn() {
  console.log(1);
  yield 1;
  console.log(2);
  yield 2;
  console.log(3);
  console.log(4);
  yield 3;
  return "finish";
}

const a = fn();

생성자 함수는 function* 문법을 사용하여 작성. 생성자 함수가 최초로 호출될 때, 함수 내부의 어떠한 코드도 실행되지 않고, 대신 생성자라고 불리는 반복자 타입을 반환. 생성자의 next 메소드를 호출함으로서 어떤 값이 소비되면, 생성자 함수는 yield 키워드를 만날 때까지 실행

//예외처리를 확인하기 위해 try catch 문으로 감쌈
function* fn() {
  try {
    console.log(1);
    yield 1;
    console.log(2);
    yield 2;
    console.log(3);
    console.log(4);
    yield 3;
    return "finish";
  } catch (e) {
    console.log(e);
  }
}

const a = fn();

 

 

사용자 정의 iterable

이와 같이 자신의 반복가능 객체를 만들 수 있다

 

이와 같이 자신의 반복가능 객체를 만들 수 있다


var myIterable = {
    *[Symbol.iterator]() {
        yield 1;
        yield 2;
        yield 3;
    }
}

for (let value of myIterable) {
    console.log(value);
}
// 1
// 2
// 3

or

[...myIterable]; // [1, 2, 3]​