이터레이터(iterator)와 제너레이터(generator)란 무엇인가요?

function* idGenerator() {
  let id = 1;
  while (true) {     // 무한이지만 지연됨 — 요청 시에만 계산
    yield id++;      // 여기서 멈추고 값을 반환, next()에서 재개
  }
}
const gen = idGenerator();
gen.next().value; // 1
gen.next().value; // 2 — 멈췄던 곳에서 실행이 재개됨

// 모든 것을 메모리에 만들지 않고 거대한/무한한 시퀀스를 처리
function* take(iterable, n) {
  let i = 0;
  for (const x of iterable) {
    if (i++ >= n) return;
    yield x;
  }
}
[...take(idGenerator(), 3)]; // [1, 2, 3] — 무한 제너레이터로부터

const range = {
  from: 1, to: 3,
  *[Symbol.iterator]() { for (let i = this.from; i <= this.to; i++) yield i; },
};
[...range]; // [1, 2, 3] — for...of 및 스프레드와 함께 동작