generator는 일반적인 함수와는 다르게 원하는 시점에서 정지, 실행이 가능한 함수다.
redux-saga에서 애용하고 있는데 generator의 개념을 조금 더 자세하게 알아보자.
제너레이터 함수 사용법
우선 제너레이터 함수는 arrow function을 사용할 수 없다.
function* testGenerator1() {}
const testGenerator2 = function* () {}일반 함수와는 다르게 제너레이터 함수는 실행의 제어권을 양도할 수 있는 함수다.
일반적으로 함수의 동작 패턴은 어디까지나 실행되는 함수가 정한다. (로직은 보통 자기 자신 안에서 해결이 되니까.)
제너레이터 함수의 경우는 함수를 호출한 곳에서 함수의 상태를 주고받을 수 있다. 호출한 함수에서 언제 멈출지, 실행할 지 제어가 가능하다라는 것이다.
일반 함수는 호출될 경우 함수의 코드 블록을 실행시키지만, 제너레이터 함수는 코드 블럭 실행이 아닌, 제너레이터 객체를 반환하기 때문이다.
이 generator 객체를 이용해서 이런 함수를 만들어서 사용이 가능하다.
function* tests() {
yield 'apple';
yield 'banana';
yield 'melon';
}
for (test of tests()) {
console.log(`과일 종류: ${test}`);
}yield로 선언하고 일시정지할 객체들을 선언 후 for문으로 반복시키는 방법을 사용하면 하나의 함수를 여러번 돌리면서 각각 yield로 지정한 값들을 호출이 가능해진다.
제너레이터 객체
제너레이터 함수를 호출할 때 return되는 객체로 iterable하면서 iterator다.
iterator란?
iteration이란 반복 처리라는 뜻으로 데이터 안의 요소를 연속적으로 꺼내는 행위를 말한다.
대표적인 예시로 forEach 메서드가 있다. forEach라는 작업은 내부적으로 처리되므로 개발자는 그 처리에 대해 관리가 불가능하다. 다만 ES6이후로 부터 나온 문법 Iterator를 사용하면 개발자가 반복 처리를 단계별로 제어가 가능하다.
Iterator는 일반적으로 2가지 항목을 만족하는 객체다.
- next라는 메서드를 가진다.
- next의 반환값은 value property(속성값)와 done property를 가진 객체다. value에는 꺼낸 값이 저장되고 done은 반복이 끝났는지를 뜻하는 논리값이 저장된다.
let a = [1, 2, 3];
let iter = a[Symbol.iterator]();
iter().next() // { value: 1, done: false }
iter().next() // { value: 2, done: false }
iter().next() // { value: 3, done: false }
iter().next() // { value: undefined, done: true }Symbol이란? (번외)
변경 불가능한 원시 타입의 값이며 다른 값과 중복되지 않는 고유한 값이다. 충돌 위험이 없는 오브젝트의 유일한 property key를 만들기 위해 사용한다.
const symbolA = Symbol('test');
const symbolB = Symbol('test');
symbolA === symbolB // false