🔎 Generator

함수의 실행을 중간에 멈췄다가 제개할 수 있는 기능
함수 옆에 *를 넣어서 만들고,
내부에 yield 키워드를 넣어서 사용
yield에서 함수의 실행을 멈출 수 있음

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

const a =fn();

📌 next()

Generator를 실행하면 Generator 객체가 반환
Generator 객체는 next method가 있음
즉, 함수를 실행하려면 next()가 필요

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.next(); //1 가장 가까운 yield 문을 만날 때까지 실행되고 반환
//{value:1, done: false}

반환된 data객체는 value와 done property를 가짐

📌 value, done

value: yield 오른쪽에 있는 값, 없으면 undefined
done: 이름 그대로 함수가 끝났는 지 나타냄 (끝남: true, 아님: false)

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.next(); 
//{value:1, done: false}
...(계속 실행)
a.next(); 
//{value: 'finish', done: true}
a.next(); 
//{value: undefined , done: true}

📌 return(), throw()

Generator는 next method 외에, return과 throw method가 있음

✔️ return()

그 즉시 done 값이 true
이후에 next를 실행해도 value를 얻어올 수 없고 done은 true임

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.return('END'); 
//{value:'END', done: true }
a.next();
//{value: undefined , done: true}

✔️ throw()

done을 true를 바꿈

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();
a.throw(new Error('err'))
//err, {value: undefined , done: true}

📌 속성

✔️ iterable: 반복 가능

☑️ 조건

Symbol.iterator 메서드가 구현되어야 함.
매서드 호출의 결과 즉, Symbol.iterator는 iterator를 반환해야 한다

☑️ iterator

value, done property를 반환하는 매소드 next가 있어야 함

즉, Generator=iterator=iterable
배열 또한 Symbol.iterator가 있고, next가 있으므로 반복 가능!!!!
배열= 반복가능한 객체

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

const a =fn();

a[Symbol.iterator]() ===a;
//true

Generator에 Symbol.iterator 실행 값 == 자기 자신
Generator는 iterable 객체
따라서 for of 를 사용 가능

+문자열도 iterable임

✔️ next() 인수 전달

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

const a =fn();

a.next()
//{value: '첫번째 숫자를 입력해주세요.', done: false}
a.next(2);
//2
//{value: 두번째 숫자를 입력해주세요.', done: false}
a.next(4);
//4
//{value: 6, done: true} 두 숫자를 더한 return 값이 나옴

✔️ Generator 값

Generator는 값을 미리 만들어 두지 않음
따라서 while(true)를 사용해서 무한 반복을해도 브라우저가 뻗지 않음
필요한 부분만 연산해서 값을 줌

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

const a =fn();
a.next();
...~

Generator를 사용하지 않았다면 무한 반복문을 사용하면 안됨
Generator 필요한 값만 그때그때 생성함.
필요한 순간까지 계산을 미룰 수 있음

✔️ yield* 사용

다른 Generator 불러 오기
반복 가능한 모든 객체가 올 수 있음

function* gen1() {
  yield 'W';
  yield 'o';
  yield 'r';
  yield 'l';
  yield 'd';
}

funciton* gen2(){
  yield 'Hello';
  yield* gen1(); //다른 Generator 함수를 불러옴, 반복 가능한 모든 객체 가능!
  yield '!';
}

console.log(...gen2())
Hello, W o r l d ! 

📌 정리

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