符号在 ES6 中：打开一个新的世界

2023-12-29 00:05:29

符号的基础

ES6 中的符号是一种新的基本类型，它具有独一无二的标识。这意味着，符号变量永远不会与其他变量相等，即使它们具有相同的值。符号变量的创建方式如下：

const symbol = Symbol();

符号变量也可以接受一个字符串作为参数，该字符串将作为符号的信息。例如：

const symbol = Symbol('my_symbol');

符号的应用

符号在 ES6 中的应用非常广泛，它可以用于创建私有成员、保护全局变量、定义类属性以及进行安全检查等。

创建私有成员

符号变量最常见的应用之一是创建对象私有成员。私有成员是只能在对象内部访问的成员，这可以很好地保护数据的安全。在 ES6 之前，我们只能通过闭包或其他技巧来模拟私有成员，但这些方法都不够完美。而符号变量的出现，让我们可以直接定义私有成员。例如：

class MyClass {
  constructor() {
    this.privateSymbol = Symbol();
  }

  getPrivateSymbol() {
    return this.privateSymbol;
  }
}

const instance = new MyClass();
console.log(instance.getPrivateSymbol()); // 输出：Symbol()

在上面的例子中，privateSymbol 是一个私有成员，它只能在 MyClass 类内部访问。这可以有效地防止其他代码意外地修改或泄露私有数据。

保护全局变量

符号变量还可以用于保护全局变量。在 ES6 之前，全局变量很容易被其他代码意外地修改或重新赋值，这可能会导致程序出现问题。而符号变量的出现，让我们可以创建全局变量，而又不担心它们会被意外地修改。例如：

const GLOBAL_SYMBOL = Symbol();

window[GLOBAL_SYMBOL] = 'my_global_variable';

console.log(window[GLOBAL_SYMBOL]); // 输出：my_global_variable

在上面的例子中，GLOBAL_SYMBOL 是一个符号变量，它被用作全局变量的名称。这样，其他代码就无法通过直接访问 GLOBAL_SYMBOL 来修改或重新赋值全局变量。

定义类属性

符号变量还可以用于定义类属性。在 ES6 之前，我们只能使用字符串作为属性名，但这并不安全。因为字符串属性名很容易被其他代码意外地修改或重新赋值。而符号变量的出现，让我们可以直接使用符号变量作为属性名。这样，就可以确保属性名不会被意外地修改或重新赋值。例如：

class MyClass {
  constructor() {
    this[Symbol('private_property')] = 'my_private_property';
  }

  getPrivateProperty() {
    return this[Symbol('private_property')];
  }
}

const instance = new MyClass();
console.log(instance.getPrivateProperty()); // 输出：my_private_property

在上面的例子中，Symbol('private_property') 是一个符号变量，它被用作类属性名。这样，其他代码就无法通过直接访问 Symbol('private_property') 来修改或重新赋值类属性。

进行安全检查

符号变量还可以用于进行安全检查。在 ES6 之前，我们只能通过类型检查来进行安全检查。但类型检查并不总是可靠的。因为变量的值可以被强制转换。而符号变量的出现，让我们可以直接使用符号变量作为安全检查的依据。这样，就可以确保只有拥有正确符号变量的代码才能访问受保护的数据。例如：

const ACCESS_TOKEN = Symbol();

function checkAccessToken(token) {
  if (token === ACCESS_TOKEN) {
    // 允许访问
  } else {
    // 拒绝访问
  }
}

checkAccessToken(ACCESS_TOKEN); // 允许访问
checkAccessToken('invalid_token'); // 拒绝访问