ES6 | Symbol ES6系列

2023-09-28 18:10:00

独一无二：Symbol的魔力

在计算机的广袤世界中，数据是王道。而数据，千奇百怪，大小不一。为了给它们找个合适的安身之所，JavaScript发明了各种数据类型，比如数字、字符串、对象等等。

然而，在数据类型家族中，有一种独特的存在，它不受类型束缚，独树一帜，那就是Symbol 。

Symbol是一种基本类型 ，专为独一无二而生。它不是数字、不是字符串、不是对象，而是自成一派。与其他类型不同，Symbol值永远不会相等，即使它们看起来一模一样。

创建Symbol：独一无二的诞生

要创建Symbol，只需使用Symbol() 函数，就像给它施加一个魔法咒语一样：

const symbol1 = Symbol();
const symbol2 = Symbol('My Unique Symbol');

第一个Symbol值没有，而第二个则附带了一个性字符串。这种描述虽然不会影响Symbol值的唯一性，但可以帮助我们更好地理解和区分Symbol。

Symbol的属性和方法：揭开神秘面纱

Symbol虽然神秘，但也并非毫无章法。它拥有一些独特的属性和方法，让我们揭开它的面纱：

Symbol.toString()： 将Symbol值转换成字符串。
Symbol.valueOf()： 返回Symbol值本身，因为Symbol值无法转换成其他类型。
Symbol.description： 获取Symbol值的描述（如果有的话）。

此外，Symbol还提供了几个静态方法，让创建和操作Symbol变得更加便捷：

Symbol.for(key)： 如果存在与key对应的Symbol值，就返回它；否则创建并返回一个新的Symbol值。
Symbol.keyFor(symbol)： 根据Symbol值返回对应的key（如果有的话）。

Symbol的应用：超越想象力的边界

Symbol的用途如同天马行空的想象力，超越我们的想象力。它可以解决很多棘手的问题：

避免键值冲突： 使用Symbol作为对象属性的键，可以避免键值冲突，就像给每个属性加上一个独一无二的标签。
创建私有属性： Symbol可以创建私有属性，这些属性只能在对象内部访问，就像给对象穿上隐身衣。
创建单例： 通过Symbol可以创建单例，确保只有一个对象实例，就像造就一个独一无二的皇帝。

代码示例：体验Symbol的魅力

让我们通过代码示例，亲身体验Symbol的魅力：

// 避免键值冲突
const object = {};
object[Symbol('My Unique Key')] = 'My Unique Value';

// 创建私有属性
class MyClass {
  [Symbol('privateProperty')] = 'Private Value';
}

// 创建单例
const Singleton = (function() {
  const instance = Symbol();
  
  function getInstance() {
    if (!this[instance]) {
      this[instance] = new Singleton();
    }
    return this[instance];
  }
  
  return getInstance;
})();

const singleton1 = Singleton();
const singleton2 = Singleton();

console.log(singleton1 === singleton2); // true