29-symbol

一、为什么要引入symbol呢？
ES5的对象属性名都是字符串，这容易造成属性名的冲突。假如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法，新方法的名字就有可能与现有方法产生冲突。如果有一种机制，能保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是ES6引入Symbol的原因。
二、概述
ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。
也就是说对象的属性名现在可以有两种类型，一种是原来就有的字符串，另一种就是新增的Symbol类型。凡是属性名属于Symbol类型，就都是独一无二的，可以保证不会与其他属性名产生冲突。
三、使用

1. Symol

let s = Symbol();
typeof s
// "symbol"
{
    let sy1 = Symbol("abc");
    let sy2 = Symbol("abc");
    console.log(Object.is(sy1,sy2) )  //false
    console.log(sy1);  //Symbol(abc)
    console.log(sy2);  //Symbol(abc)
}

Symol可以有参数也可以没有参数

// 没有参数的情况
var s1 = Symbol();
var s2 = Symbol();

s1 === s2 // false

// 有参数的情况
var s1 = Symbol('foo');
var s2 = Symbol('foo');

s1 === s2 // false

2. Symob.for()

{
    let obj = {
        abc : 123
    }
    let sy1 = Symbol.for("abc");
    let sy2 = Symbol.for("abc");
    console.log(Object.is(sy1,sy2));  //true
}

Symbol.for()与Symbol()这两种写法，都会生成新的Symbol。它们的区别是，前者会被登记在全局环境中供搜索，后者不会。Symbol.for()不会每次调用就返回一个新的 Symbol 类型的值，而是会先检查给定的key是否已经存在，如果不存在才会新建一个值。比如，如果你调用Symbol.for("cat")30次，每次都会返回同一个 Symbol 值，但是调用Symbol("cat")30次，会返回30个不同的Symbol值。

3.Symbol作为属性名
注意：Symbol值作为对象属性名时，不能用点运算符。

var mySymbol = Symbol();
var a = {};

a.mySymbol = 'Hello!';
a[mySymbol] // undefined
a['mySymbol'] // "Hello!"

上面代码中，因为点运算符后面总是字符串，所以不会读取mySymbol作为标识名所指代的那个值，导致a的属性名实际上是一个字符串，而不是一个Symbol值。

同理，在对象的内部，使用Symbol值定义属性时，Symbol值必须放在方括号之中。

let s = Symbol();

let obj = {
  [s]: function (arg) { ... }
};

obj[s](123);

上面代码中，如果s不放在方括号中，该属性的键名就是字符串s，而不是s所代表的那个Symbol值。

4. Symbol属性名的遍历（Object.getOwnPropertySymbols方法）

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

{
    let sy = Symbol("abc");
    let obj = {
        abc: 111,
        [sy]: 222
    }
    console.log(obj)  //{abc: 111, Symbol(abc): 222}
    console.log(obj.abc)  //111


    for (let [k, v] of Object.entries(obj)) {
        console.log(k, v);  //abc 111
    }
    //以上遍历不能遍历到Symbol类型的属性名

    let arr = Object.getOwnPropertySymbols(obj)
    for (let i = 0; i < arr.length; i++) {
        console.log(obj[arr[i]]);  //222
    }
    //以上方法可以遍历到Symbol类型的属性名
}