[特殊字符] Symbol：JavaScript中的“唯一ID“黑科技，这些用法你都知道吗？

最新推荐文章于 2025-06-06 01:31:59 发布

原创最新推荐文章于 2025-06-06 01:31:59 发布

· 601 阅读

18 ·

版权

文章标签：

#javascript #科技

前端同时被 2 个专栏收录

28 篇文章

订阅专栏

面试

7 篇文章

订阅专栏

前言

Symbol是ECMAScript 6（ES6）引入的一种全新的原始数据类型，它为JavaScript带来了创建唯一值的能力。本文将深入探讨Symbol的特性、用法以及实际应用场景。

什么是Symbol？

Symbol是JavaScript的第七种原始数据类型（前六种是：string、number、boolean、null、undefined和bigint），还有一种复杂数据类型object。它的主要特点是：

每个Symbol值都是唯一的，即使使用相同的描述创建
不可变且不可枚举
可以用作对象属性的键

const sym = Symbol();
const sym1 = Symbol();
console.log(sym === sym1); // false

const sym2 = Symbol('desc'); // 可以添加描述性标签
console.log(typeof sym); // "symbol"

注意：

Symbol函数前不能使用new命令，否则会报错。这是因为生成的 Symbol 是一个原始类型的值，不是对象。也就是说，由于 Symbol 值不是对象，所以不能添加属性。基本上，它是一种类似于字符串的数据类型。

Symbol的核心特性

1. 唯一性

Symbol的主要特点就是它的唯一性。即使使用相同的描述创建多个Symbol，它们也是不同的：

// 没有参数的情况
let s1 = Symbol();
let s2 = Symbol();

console.log(s1 === s2) // false

// 有参数的情况
let s3 = Symbol('td');
let s4 = Symbol('td');

console.log(s3 === s4) // false

2. 作为对象属性

Symbol可以作为对象的属性键，这种属性不会被常规方法枚举到：

const ID = Symbol('id');
const user = {
  name: 'Alice',
  [ID]: 123,
  [Symbol()]: 'hidden'
};

user.age = 19;

for(let key in user) {
  console.log(key); // 只会输出 "name" 和 "age"
}

3. 私有属性模拟

虽然JavaScript没有真正的私有属性，但Symbol可以用来模拟私有成员，因为：

它们不会出现在for...in循环中
不会被Object.keys()或Object.getOwnPropertyNames()返回
除非你有对Symbol的引用，否则无法访问这些属性

const age = Symbol('age');
const user = {
  name: 'Alice',
  [age]: 18
};

console.log(user[age]); // 18 (只有持有age Symbol才能访问)

Symbol的实际应用

1. 枚举类型

Symbol非常适合用来创建枚举类型，确保每个值都是唯一的：

const STATUS = {
  READY: Symbol('ready'),
  RUNNING: Symbol('running'),
  DONE: Symbol('done'),
};

let state = STATUS.READY;
if(state === STATUS.READY) {
  console.log('ready'); // "ready"
}

枚举类型（Enum）是一组预定义的命名常量集合，用于替代代码中的魔法数字或字符串，提高可读性和可维护性。在JavaScript中，可以通过普通对象（如 {READY: 0, RUNNING: 1}）或Symbol（如 {READY: Symbol('ready')}）实现，常用于管理状态、错误码等场景，确保值的唯一性和语义清晰。

2. 防止属性冲突

在大规模应用中，Symbol可以防止属性名冲突。当需要扩展第三方对象时，使用Symbol作为属性键可以避免覆盖现有属性：

// 在扩展第三方对象时
const uniqueKey = Symbol('myExtension');
thirdPartyObject[uniqueKey] = 'some value';

3. 元编程

Symbol还提供了一些内置的"知名Symbol"，用于改变JavaScript的默认行为，如Symbol.iterator、Symbol.toStringTag等：

const myObject = {
  [Symbol.toStringTag]: 'MyCustomObject'
};

console.log(myObject.toString()); // "[object MyCustomObject]"

注意事项

Symbol不会被自动转换为字符串，尝试拼接Symbol和字符串会抛出错误
但是Symbol可以显式转为字符串。
```
let id = Symbol('sym');
String(id)     // 'Symbol(sym)'
id.toString()  // 'Symbol(sym)'
```
这个类型也可以转为Boolean类型，但是不能转为Number类型
如果需要获取对象的所有Symbol属性，可以使用Object.getOwnPropertySymbols()
Symbol不会被JSON.stringify()序列化

Symbol.prototype.description可以直接返回Symbol的描述

const id = Symbol('sym')
console.log(id.description)  // sym

总结

Symbol为JavaScript带来了创建唯一值的能力，它在以下场景特别有用：

创建唯一的属性键，避免命名冲突
模拟私有属性
定义枚举类型
元编程和改变内置行为

虽然Symbol的使用场景相对专业，但理解它的工作原理对于编写健壮、可维护的JavaScript代码非常重要。随着你对JavaScript理解的深入，Symbol将成为你工具箱中一个强大的工具。