Symbols คืออะไรและใช้ที่ไหน?

Question

Accepted Answer

**Symbol** คือ primitive ที่ไม่ซ้ำกันและไม่เปลี่ยนแปลง `Symbol()` ที่คุณสร้างแต่ละอันจะ **รับประกันว่าแตกต่างกัน** — แม้สองตัวที่มีคำอธิบายเดียวกันก็ไม่เท่ากัน หน้าที่หลักของพวกมันคือเป็น **object keys ที่ไม่มีการชนกัน**

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

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

## ทำไมคีย์ที่ไม่ซ้ำจึงมีประโยชน์

สมบัติที่ใช้ Symbol-keyed ไม่ชนกับ string keys และ **ซ่อน** จากการ enumeration ธรรมชาติ — เหมาะสำหรับการแนบ metadata โดยไม่ทำให้ 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
```

ดังนั้น library สามารถเก็บข้อมูลภายในของคุณบน object ผ่าน Symbol โดยไม่เสี่ยงต่อการชนกับสมบัติของคุณหรือปรากฏในวนซ้ำของคุณ

## Well-known symbols ปรับแต่งพฤติกรรมของภาษา

การใช้ที่สำคัญที่สุด — `Symbol.iterator` ทำให้ object สามารถ iterate ได้:

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

อื่นๆ: `Symbol.asyncIterator`, `Symbol.toPrimitive` (custom coercion), `Symbol.hasInstance`.

## Global registry

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

## Neden önemli

Symbols ช่วยให้ metadata keys ที่ไม่ชนกันและช่วยให้คุณขอเบ็ด core language protocols (iteration, coercion) — นี่คือวิธีที่ built-ins และ frameworks ขยาย objects อย่างปลอดภัย