ES6新特性 Symbol

迈不过友情╰ 2022-04-23 20:02 175阅读 0赞

## intro ##

ES6中数据类型除了`Number, String, Boolean, Object, null, undefined`, 还新增了`Symbol`。  
`Symbol`表示`独一无二的值`，最大的用法是**用来定义对象的唯一属性名**。

## 基本用法 ##

Symbol函数栈不能使用new命令，因为Symbol是**原始数据类型**，不是对象。  
可以接受一个字符串作为参数，为新创建的Symbol**提供描述**，  
用于显示在控制台或作为字符串的时候使用，便于区分。

*  作为属性名

*  \[\]和.的区别  
    **Symbol变量既可以作对象的key，也可以作对象的value**。  
    作为key时，必须提前定义好Symbol变量，引用的方式**只能为**：`obj[SymbolVarName]`。

var c = Symbol("c");
    var d = Symbol("d");
    var obj = {
      a: "aa",
      b: Symbol("bb"),
      [c]: "cc",
      [d]: Symbol("dd")
    };
    console.log(obj);
    console.log(obj.a);
    console.log(obj.b);
    console.log(obj[c]);
    console.log(obj[d]);

输出：

{a: "aa", b: Symbol(bb), Symbol(c): "cc", Symbol(d): Symbol(dd)}
    aa
    Symbol(bb)
    cc
    Symbol(dd)

*  Symbol NOTE  
    Symbol值作为属性名时，该属性是公有属性，可以在类的外部访问到。
 *  可以访问到Symbol类型key的操作：
    
     *  `Object.getOwnPropertySymbol(obj)`
     *  `Reflect.ownKeys(obj)`
 *  但是有些操作不能访问到Symbol类型的key:
    
     *  `for..in`
     *  `for..of`
     *  `JSON.stringify(obj, null, "\t")`
     *  `Object.keys(obj)`
     *  `Object.getOwnPropertyName(obj)`
 *  作为常量  
    在ES6之前，使用字符串值表示常量：

const COLOR_RED = "red";
    const COLOR_YELLOW = "yellow";
    const COLOR_BLUE = "blue";
    // 但是用字符串不能保证常量是独特的，如：
    const MY_BLUE = "blue";
    // 这样常量COLOR_BLUE和MY_BLUE值是相等的。
    // 如果碰到switch..case语句，就有可能报错
    console.log(COLOR_BLUE === MY_BLUE);   // true

修改：  
(switch…case语句中判断的是`===`，即绝对相等)

const COLOR_RED = Symbol("red");
    const COLOR_YELLOW = Symbol("yellow");
    const COLOR_BLUE = Symbol("blue");
    const MY_BLUE = Symbol("blue");
    console.log(COLOR_BLUE === MY_BLUE);   // false

Symbol.for(str) 从注册表返回一个Symbol值。  
Symbol.keyFor(symbolValue) 从注册表返回token字符串。

var a = Symbol("aaa");
    var b = Symbol.for("aaa");
    var c = Symbol.for("aaa");
    console.log(a == b);  // false
    console.log(a == c);  // false
    console.log(b == c);  // true
    console.log(b === c); // true
    
    console.log(Symbol.keyFor(a));  // undefined
    console.log(Symbol.keyFor(b));  // b
    console.log(Symbol.keyFor(c));  // c