ES6 中 Symbol 的使用及其在代码中的应用

在 ES6 中，Symbol 是一种新的基本数据类型，用于表示独一无二的值。它可以被用作对象属性的键，不会重复，也不会被意外修改。本文将介绍 Symbol 的基本用法以及在代码中的应用。

基本用法

Symbol 可以通过 Symbol() 函数来创建：

let sym = Symbol();

每个 Symbol 的值都是独一无二的，即使创建时传入相同的参数，它们也不相等：

let sym1 = Symbol("foo");
let sym2 = Symbol("foo");

console.log(sym1 === sym2); // false

Symbol 可以用作对象属性的键，确保不会与其他属性键冲突：

let obj = {};
let sym = Symbol();

obj[sym] = "value";

console.log(obj[sym]); // "value"

Symbol 属性在 for...in 循环中不会被枚举，也不会被 Object.keys()、Object.getOwnPropertyNames()、JSON.stringify() 等方法返回，但是可以通过 Object.getOwnPropertySymbols() 方法获取：

let obj = {};
let sym = Symbol();

obj[sym] = "value";

for (let key in obj) {
  console.log(key); // 无输出
}

console.log(Object.getOwnPropertyNames(obj)); // []
console.log(Object.getOwnPropertySymbols(obj)); // [Symbol()]

在代码中的应用

1. 避免属性名冲突

在传统的 JavaScript 中，我们通常使用字符串作为对象属性的键。但是，如果两个不同的对象使用了相同的字符串作为属性名，就会产生冲突。而使用 Symbol 作为键，可以避免这种冲突：

const obj1 = { [Symbol("name")]: "张三" };
const obj2 = { [Symbol("name")]: "李四" };

console.log(obj1[Symbol("name")]); // undefined
console.log(obj2[Symbol("name")]); // undefined

const name1 = Symbol("name");
const name2 = Symbol("name");

const obj3 = { [name1]: "张三" };
const obj4 = { [name2]: "李四" };

console.log(obj3[name1]); // "张三"
console.log(obj4[name2]); // "李四"

2. 定义类的私有属性和方法

在 JavaScript 中，没有真正意义上的私有属性和方法。但是，使用 Symbol 可以模拟实现这种功能。例如，我们可以使用 Symbol 定义一个只能在类内部访问的属性：

const name = Symbol("name");
const age = Symbol("age");

class Person {
  constructor(n, a) {
    this[name] = n;
    this[age] = a;
  }

  getName() {
    return this[name];
  }

  getAge() {
    return this[age];
  }
}

const p = new Person("张三", 18);

console.log(p[name]); // undefined
console.log(p.getName()); // "张三"
console.log(p.getAge()); // 18

3. 定义常量

由于 Symbol 的值是独一无二的，因此可以用它定义常量，避免使用字符串或数字等类型的常量产生冲突：

const RED = Symbol();
const BLUE = Symbol();
const YELLOW = Symbol();

function getColor(color) {
  switch (color) {
    case RED:
      return "红色";
    case BLUE:
      return "蓝色";
    case YELLOW:
      return "黄色";
    default:
      return "未知颜色";
  }
}

console.log(getColor(RED)); // "红色"
console.log(getColor(Symbol())); // "未知颜色"

总结

Symbol 是一种新的基本数据类型，用于表示独一无二的值。它可以被用作对象属性的键，避免属性名冲突；可以用于定义类的私有属性和方法；也可以用于定义常量。在实际开发中，合理使用 Symbol 可以提高代码的可读性和可维护性。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65bc3b63add4f0e0ff4ecd50