Apakah Symbols dan di mana ia digunakan?

Question

Accepted Answer

**Symbol** ialah primitive yang unik dan tidak berubah. Setiap `Symbol()` yang anda buat adalah **dijamin berbeda** — bahkan dua dengan deskripsi yang sama tidak sama. Tugas utama mereka adalah menjadi **kunci object yang tahan benturan**.

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

Sifat Symbol-keyed tidak bertabrakan dengan kunci string dan **tersembunyi** dari enumerasi normal — sempurna untuk melampirkan metadata tanpa mencemari object:

```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 perpustakaan dapat menyimpan data internal pada object anda melalui Symbol tanpa risiko bentrok dengan properti anda atau muncul dalam loop anda.

## Simbol yang dikenal mengubah perilaku bahasa

Penggunaan paling penting — `Symbol.iterator` membuat object dapat diulang:

```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` (coercion kustom), `Symbol.hasInstance`.

## Daftar global

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

## Mengapa hal ini penting

Symbols memungkinkan kunci metadata yang tidak saling bentur dan membiarkan anda menghubungkan ke protokol bahasa inti (iterasi, coercion) — inilah cara built-ins dan framework memperluas object dengan aman.