JavaScript中Symbol到底是什么

JavaScript中Symbol到底是什么

symbol是ES6中新出现的一种基本数据类型，它应该怎么使用和理解呢。

Symbol

let id = Symbol("id");

从字面上来看，symbol类似与一种构造函数，可以通过快速调用创建一个symbol对象。
但是需要注意，与其他基本类型不同的是，它并不会默认的进行toString，如下所示：

console.log(id); //error
console.log(id.toString); // "Symbol(id)"
console.log(id.description);// "id"

并且，与Object相似的一点是，即便两个symbol有相同的值，也并不相等。

let id1 = Symbol.("id");
let id2 = Symbol.("id");
console.log(id1 == id2);   // false

所以每一个symbol都是独一无二的，那么再这种情况下，我们需要阻止创建重复的symbol，来避免空间的浪费。如下所示

/*在js中会有一个默认的全局的symbol注册表，symbol.for()
提供了注册和获取symbol的功能*/
let id = symbol.for("id"); //获取description为id的symbol  无则创建
let id1 = symbol.for("id"); //获取description为id的symbol	有则获取
console.log(id == id1); //true

相应的，我们可以通过keyFor()来进行反向获取symbol的description

let  id = symbol.for("name");
console.log(Symbol.keyFor(id)); // name

Symbol有两个特点：

1. 具有一定的唯一性
2. 隐藏性

其中，唯一性我们在上一节说过了，而另外一点隐藏性是配合在对象的使用中，将Symbol作为对象属性Key使用时，for ... in...将不会遍历到Symbol的Key。从而达到隐藏属性的实现。

Symbol的理解

Symbol在JS中，应被用作一种对象的归类方法，或着对象的标记方法。在共同协作或多库运行时，能够有效的减少代码的误操作几率。

需要注意的时，包含Symbol属性的对象在使用Object.assign()进行克隆时，将一起被克隆过去。