Symbol là gì và chúng được dùng ở đâu?

Question

Accepted Answer

Một **Symbol** là một kiểu nguyên thủy duy nhất, bất biến. Mỗi `Symbol()` bạn tạo được **đảm bảo khác biệt** — ngay cả hai cái với cùng mô tả cũng không bằng nhau. Công việc chính của chúng là làm **khóa object chống va chạm (collision-proof)**.

```js
const id = Symbol("id");
const id2 = Symbol("id");
id === id2;        // false — luôn duy nhất

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

## Tại sao khóa duy nhất hữu ích

Các thuộc tính khóa bằng Symbol không va chạm với các khóa chuỗi và **ẩn** khỏi việc liệt kê thông thường — hoàn hảo để gắn metadata mà không làm ô nhiễm object:

```js
Object.keys(user);          // ["name"]  — khóa symbol bị bỏ qua
for (const k in user) {}    // bỏ qua symbol
JSON.stringify(user);       // {"name":"Ann"} — symbol không được serialize
Object.getOwnPropertySymbols(user); // [Symbol(id)] — cách duy nhất để liệt kê chúng
```

Vậy nên một thư viện có thể lưu dữ liệu nội bộ trên object của bạn qua một Symbol mà không sợ va chạm với các thuộc tính của bạn hoặc xuất hiện trong các vòng lặp của bạn.

## Các well-known symbol tùy chỉnh hành vi ngôn ngữ

Công dụng quan trọng nhất — `Symbol.iterator` làm cho một object trở thành iterable:

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

Các cái khác: `Symbol.asyncIterator`, `Symbol.toPrimitive` (ép kiểu tùy chỉnh), `Symbol.hasInstance`.

## Registry toàn cục

```js
Symbol.for("key"); // symbol được chia sẻ trên toàn bộ ứng dụng (và qua các realm)
```

## Tại sao điều này quan trọng

Symbol cho phép các khóa metadata không va chạm và cho bạn móc nối vào các protocol ngôn ngữ cốt lõi (iteration, ép kiểu) — chúng là cách các built-in và framework mở rộng object một cách an toàn.