javascript Generator

* Generator: 함수의 실행을 중간에 멈췄다가 재개할 수 있는 기능. function 옆에 *을 쓰고 내부에 yield 키워드 사용하는데 yield 에서  함수 실행을 멈출 수 있음. Generator 함수를 실행하면 generator의 객체가 반환됨. 

제너레이터는 다른 작업 하다가 다시 돌아와서 next() 해주면 진행이 멈췄던 부분부터 이어서 실행

- generator 객체는 next(), return(), throw() 메서드를 가지고 있음

* next를 호출하면 가장 가까운 yield 1을 만날때 까지 실행되고 데이터 객체 반환.

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();
//a ▶ fn {<suspended>}

반환된 객체는 value와 done 프로퍼티

- value: yield 옆에 있는 값. 만약 값을 생략할 시 undefined로 뜸

- done: 함수 코드의 종료를 나타냄. 끝났으면 true, 아니면 false.

* return(): 실행하다가 returen 메소드 호출 시 그 즉시 done 속성값이 true가 됨. 이후 next를 실행하여도 value값은 얻을 수 없고 true로 나타남. 

 

 

 

 

*throw();: return과 마찬가지로 done을 true로 바꿈

 

 

 

 

- iterable: Symbol.iterator 메서드가 구현되어 있어야 하며 iterator를 반환해야함

◎ iterator: next 메서드를 가지는데 next 메서드는 value와 done 속성을 가진 객체를 반환하고 작업 완료 후 done은 true가 됨.

배열은 Symbol.iterator 메서드를 가지고 있고 이 메서드가 반호나하는 값이 iterator이므로 iterable 하다고 할 수 있음

=> 배열은 반복 가능한 객체.

또한 for of를 이용해 순회도 가능

 

 

 

 

문자열도 해당함

- next()는 외부로부터 값을 전달받을수도 있음

function* fn(){
  const num1 = yield "첫번째 숫자를 입력해주세요";
  console.log(num1);
  const num2 = yield "두번째 숫자를 입력해주세요";
  console.log(num2);
  return num1 + num2;
}
const a = fn();

- 값을 미리 만들어 두지 않음. 필요한 순간에만 값을 연산해서 주기 때문에 효율적. 그래서 while(true)를 사용해 무한반복 가능.

function* fn(){
  let index = 0;
  while(true){
    yield index++;
  }
}
const a = fn();

- yield*를 이용. 반복가능한 모든 객체가 올 수 있음.

function* gen1(){
  yield "H";
  yield "i";
  yield "!";
}
function* gen2(){
  yield "hi";
  yield* gen1();
  yield "XD";
}