Vad är iteratorer och generatorer?

Question

Accepted Answer

En **iterator** är ett objekt med en `next()` metod som returnerar `{ value, done }`. Ett objekt är **iterable** om det har en `[Symbol.iterator]` metod — det är det som gör `for...of` och spread möjliga. En **generator** (`function*`) är ett bekvämt sätt att skapa iteratorer som kan **pausa och återuppta** med `yield`.

## Generatorer producerar värden lat

```js
function* idGenerator() {
  let id = 1;
  while (true) {     // infinite, but lazy — only computes on demand
    yield id++;      // pause here, return a value, resume on next()
  }
}
const gen = idGenerator();
gen.next().value; // 1
gen.next().value; // 2 — execution resumed where it paused
```

Huvudidén: exekveringen **pausar** vid varje `yield` och **återupptar** på nästa `.next()`, och bevarar lokal tillstånd mellan anrop. Ingenting beräknas förrän du frågar efter det.

## Varför lathet är viktigt

```js
// process a huge/infinite sequence without building it all in memory
function* take(iterable, n) {
  let i = 0;
  for (const x of iterable) {
    if (i++ >= n) return;
    yield x;
  }
}
[...take(idGenerator(), 3)]; // [1, 2, 3] — from an infinite generator
```

## Skapa en anpassad iterable

```js
const range = {
  from: 1, to: 3,
  *[Symbol.iterator]() { for (let i = this.from; i <= this.to; i++) yield i; },
};
[...range]; // [1, 2, 3] — works with for...of and spread
```

## Varför det är viktigt

Generatorer möjliggör lata/oändliga sekvenser, anpassad iteration och minneseffektiv streaming.

De var också grunden för tidiga async-bibliotek (co) och ligger till grund för async iteration (`for await...of`).

Iterator-protokollet är det som förenar `for...of`, spread och destructuring över arrays, Maps, Sets och strings.