Wat zijn Symbols en waar worden ze gebruikt?

Question

Accepted Answer

Een **Symbol** is een unieke, onveranderlijke primitive. Elke `Symbol()` die je aanmaakt is **gegarandeerd anders** — zelfs twee met dezelfde beschrijving zijn niet gelijk. Hun belangrijkste taak is om **botsingsvrije object keys** te zijn.

```js
const id = Symbol("id");
const id2 = Symbol("id");
id === id2;        // false — always unique

const user = { [id]: 123, name: "Ann" };
user[id];          // 123
```

## Waarom unieke keys nuttig zijn

Symbol-keys botsen niet met string keys en zijn **verborgen** voor normale enumeratie — perfect voor het toevoegen van metadata zonder het object te vervuilen:

```js
Object.keys(user);          // ["name"]  — symbol key is skipped
for (const k in user) {}    // skips the symbol
JSON.stringify(user);       // {"name":"Ann"} — symbol not serialized
Object.getOwnPropertySymbols(user); // [Symbol(id)] — only way to list them
```

Een bibliotheek kan dus interne gegevens op je object opslaan via een Symbol zonder risico op botsingmet je properties of zichtbaarheid in je loops.

## Bekende symbols passen taalgedrag aan

Het belangrijkste gebruik — `Symbol.iterator` maakt een object iterable:

```js
const range = {
  [Symbol.iterator]() {
    let i = 1;
    return { next: () => (i <= 3 ? { value: i++, done: false } : { done: true }) };
  },
};
[...range]; // [1, 2, 3]
```

Anderen: `Symbol.asyncIterator`, `Symbol.toPrimitive` (aangepaste coercion), `Symbol.hasInstance`.

## Global registry

```js
Symbol.for("key"); // shared symbol across the whole app (and across realms)
```

## Waarom het belangrijk is

Symbols maken niet-botsende metadata keys mogelijk en laten je haakjes zetten in kernprotocollen van de taal (iteratie, coercion) — dit is hoe built-ins en frameworks objects veilig uitbreiden.