ES6的Symbol

一、概念

ES6之前，Javascript的六种类型分别是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）

ES6新加了第七种类型：Symbol，代表独一无二的值

二、解决了问题

ES5 的对象属性名都是字符串，这容易造成属性名的冲突。凡是属性名属于 Symbol 类型，就都是独一无二的，Symbol可以从根本上防止属性名的冲突。

三、使用

1.Symbol 值通过Symbol函数生成

let s = Symbol();

typeof s
// "symbol"

注意：
Symbol函数前不能使用new命令，否则会报错。这是因为生成的 Symbol 是一个原始类型的值，不是对象。也就是说，由于 Symbol 值不是对象，所以不能添加属性。基本上，它是一种类似于字符串的数据类型。

2.Symbol函数可以接受一个字符串作为参数

let s1 = Symbol('foo');
let s2 = Symbol('bar');

s1 // Symbol(foo)
s2 // Symbol(bar)

s1.toString() // "Symbol(foo)"
s2.toString() // "Symbol(bar)"

参数相当于是这个Symbol的描述，用于区分不同的Symbol。因为Symbol是独一无二的，所以即使相同的参数生成的Symbol也是不一样的

let s1 = Symbol('foo'); let s2 = Symbol('foo');
s1 === s2 // false

如果 Symbol 的参数是一个对象，就会调用该对象的toString方法，将其转为字符串。

const obj = {
  toString() {
    return 'abc';
  }
};
const sym = Symbol(obj);
sym // Symbol(abc)

3.作为属性名的Symbol

let mySymbol = Symbol();
let a = {}; 
a[mySymbol] = 'Hello!';

Symbol值作为对象属性名时，不能用点运算符，否则产生的属性名只是一个字符串，而不是Symbol，Symbol 值必须放在方括号之中。

const mySymbol = Symbol();
const a = {};
a.mySymbol = 'Hello!';
a[mySymbol] // undefined
a['mySymbol'] // "Hello!" 字符串

4.属性名的遍历

Symbol 作为属性名，该属性不会出现在for...in、for...of循环中，也不会被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回。但是，它也不是私有属性，有一个Object.getOwnPropertySymbols方法，可以获取指定对象的所有 Symbol 属性名。

Object.getOwnPropertySymbols方法返回一个数组，成员是当前对象的所有用作属性名的 Symbol 值。

const obj = {};
let a = Symbol('a');
let b = Symbol('b');
obj[a] = 'Hello';
obj[b] = 'World';
const objectSymbols = Object.getOwnPropertySymbols(obj);
objectSymbols
// [Symbol(a), Symbol(b)]