2024/01/29
생성기 함수는 제너레이터 함수 라고도 한다. 놀랍게도 초면인 내용.. 아직 갈길이 상당히 멀다는 것.
보통의 함수들과는 메커니즘이 다르다.
1. 값을 반환하는데 함수를 종료되지 않기도 한다. 종료되는 시점을 정할 수 있다.
2. 클로저 공간에 데이터를 가두는 테크닉을 사용하지 않는다.
생김새, yield, next를 위주로 알게 되었다.
기존의 함수를 하나 만들어 예시를 살펴보자.
function makeInfiniteEnergyGenerator() {
let energy = 0;
return function (booster = 0) {
if (booster) {
energy += booster;
} else {
energy++;
}
return energy;
};
}
const energy = makeInfiniteEnergyGenerator();
for(let i =0; i<5; i++){
console.log(energy());
}
console.log(energy(5));
위의 예시를 제너레이터 함수로, 같은 목적을 수행하도록 해보자.
function * infiniteEnergyGenerator() {
let energy = 1;
while(true){
const booster = yield energy;
if(booster){
energy += booster;
} else {
energy++;
}
}
}
const energyGenerator = infiniteEnergyGenerator();
for(let i =0; i<5; i++){
console.log(energyGenerator.next());
}
console.log(energyGenerator.next(5))
선생님께서 말씀하시길, 아주 무섭게 생긴 함수가 아닐수 없다 하셨다. while(true)에서 벌써 후덜덜 거리는거다. 거기에 return 이없다. 어쩌면 무한으로 코드가 실행되다가 끝나버릴 수도 있는 것이다.
return을 따로 해주지 않는데, console 찍힌 값을 살펴보면, {value: ~, done: ~} 이렇게 생긴 객체를 리턴해주고 있다.
제너레이터 함수는 본인을 실행시키지 않고, 실행시키는데 필요한 도구를 객체에 담아 넘긴다.
위의 예시에서 next()라는 함수로 제너레이터 함수를 실행시킨다.
그리고 next()함수로 얻게 된 결과 값 중 done은 return여부를 알려준다.
이 제네레이터 함수는 리액트나 뷰 프레임워크를 사용하게 되면 자주 만날 수 있다고 하는데.. 나는 도대체 언제 만날수 있을까?