揭秘 JavaScript 中的 Symbols：揭开封装之谜

2023-10-01 08:55:25

引言

在 JavaScript 中，属性名冲突是一个常见的痛点。为了解决这一问题，ES6 中引入了一种新的数据类型：Symbol。Symbol 是一种原始类型，与字符串和数字等类型并列。与其他类型不同，Symbol 具有不可变性和唯一性，这意味着每个 Symbol 值都是独一无二的。这使得它们非常适合用作属性名，因为它们可以消除重名风险。

创建 Symbol

创建 Symbol 的最简单方法是调用 Symbol() 方法。该方法接受一个可选项的字符串参数，用作 Symbol 的。例如：

const mySymbol = Symbol();

Symbol 的特殊性

Symbol 具有两个关键属性，使其与其他类型区分开来：

不可变性： 一旦创建，Symbol 的值就不能被更改。
唯一性： 每个 Symbol 值都是独一无二的，即使它们具有相同。

这些属性确保了 Symbol 作为属性名是安全的，因为它们不会因重名而导致冲突。

Symbol 的用法

Symbol 可以用作对象的属性名。例如：

const obj = {
  [mySymbol]: 'secret value'
};

由于 Symbol 的不可变和唯一性，此属性名与对象的其他任何属性名都没有冲突。

闭包

Symbol 的另一个优势是它可以创建闭包。闭包是只能从创建它们的作用域访问的标识符。这使得 Symbol 非常适合封装私有数据，因为它可以防止外部代码访问。例如：

function createCounter() {
  let count = 0;
  const privateSymbol = Symbol();
  return {
    increment: () => count++,
    getCount: () => count,
    [privateSymbol]: count
  };
}

const counter = createCounter();
console.log(counter.increment()); // 1
console.log(counter.getCount()); // 1
console.log(counter[privateSymbol]); // undefined

私有 Symbol privateSymbol 只能从 createCounter() 函数内部访问，从而确保了计数器的私有性。

继承

Symbol 还可以用于实现继承。在 ES6 之前，JavaScript 缺乏一种正式的继承机制。Symbol 弥补了这一空白，因为它允许创建不可枚举的 Symbol 属性，可以被子类继承。例如：

class Parent {
  constructor() {
    this[parentSymbol] = 'parent value';
  }
}

class Child extends Parent {
  constructor() {
    super();
    this[childSymbol] = 'child value';
  }
}

const parentSymbol = Symbol('parent');
const childSymbol = Symbol('child');

const child = new Child();
console.log(child[parentSymbol]); // 'parent value'
console.log(child[childSymbol]); // 'child value'