Apa itu Symbols dan di mana mereka digunakan?

Question

Accepted Answer

**Symbol** adalah primitive unik yang tidak dapat diubah. Setiap `Symbol()` yang Anda buat **dijamin berbeda** — bahkan dua dengan deskripsi yang sama tidak sama. Pekerjaan utama mereka adalah menjadi **object keys yang tahan terhadap collision**.

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

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

## Mengapa kunci unik berguna

Properti Symbol-keyed tidak bertabrakan dengan kunci string dan **tersembunyi** dari enumerasi normal — sempurna untuk melampirkan metadata tanpa merusak objek:

```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
```

Jadi sebuah library dapat menyimpan data internal pada objek Anda melalui Symbol tanpa risiko bentrok dengan property Anda atau muncul di loop Anda.

## Well-known symbols menyesuaikan perilaku bahasa

Penggunaan paling penting — `Symbol.iterator` membuat objek dapat diiterasi:

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

Lainnya: `Symbol.asyncIterator`, `Symbol.toPrimitive` (custom coercion), `Symbol.hasInstance`.

## Mengapa ini penting

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

Symbols memungkinkan kunci metadata yang tidak bertabrakan dan memungkinkan Anda untuk hook ke dalam protokol bahasa inti (iterasi, coercion) — ini adalah cara built-in dan framework memperluas objek dengan aman.