[Javascript] 비동기, Promise, async, await 확실하게 이해하기

46.1 제너레이터란?

• 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수 함수

제너레이터와 일반 함수의 차이

1. 제너레이터 함수는 함수 호출자에게 함수 실행의 제어권을 양도할 수 있다.
2. 제너레이터 함수는 함수 호출자와 함수의 상태를 주고받을 수 있다.
3. 제너레이터 함수를 호출하면 제너레이터 객체를 반환한다.

46.2 제너레이터 함수의 정의

• function* 키워드로 선언
• 하나 이상의 yield 표현식을 포함

// 제너레이터 함수 선언문
function* genDecFunc() {
	yield 1;
}

//제너레이터 함수 표현식
const genExpFunc = function* () {
	yield 1;
};

//제너레이터 메서드
const obj = {
	* genObjMethod() {
		yield 1;
	}
}

// 제너레이터 클래스 메서드
class MyClass {
	* genClsMethod() {
		yield 1;
	}
}

• * 의 위치는 function 키워드와 함수 이름 사이라면 상관 없음

function* genFunc() { yield 1; } => 권장

function * genFunc() { yield 1; }

function *genFunc() { yield 1; }

function*genFunc() { yield 1; }

• 화살표 함수로 정의 불가

const genArrowFunc = * () => {
	yield 1;
};

• new 연산자와 함께 생성자 함수로 호출 불가