ECMAScript 6（15）Symbol

ゞ浴缸里的玫瑰 2021-09-19 15:48 237阅读 0赞

**目录**

1.  Symbol 是什么

特点 :

1.1 唯一性

1.2  不能运算(不能隐式转换)

1.3  显示转换为字符串

1.4  转换布尔值

1.5  不能使用new这种方式来创建

1.6  可以像字符串一样作为变量名

2.  Symbol作为属性名

3.  遍历

4.  消除魔术字符串

5.  创建带标识符的 Symbol 类型变量

5.1 Symbol.for()

5.2  Symbol.keyFor

6.  Symbol 内置属性

--------------------

简述:

1.  一种新的数据类型
2.  类型`Symbol`，表示独一无二的值 , 保证不会与其他属性名产生冲突。
3.   Symbol 是一个原始类型的值，不是对象, 不能添加属性.
4.  接受一个字符串作为参数，表示对 Symbol 实例的描述，用来区分
5.  Symbol 有个属性 description, 返回 Symbol 的描述, 简单说就是返回参数字符串.
6.  Symblo 作为属性名 ,可以用 \[ \]或者Obeject.defineProperty赋值, 但是不能用 . (点) , 简单说 无论赋值取值都不能用 .(点)  Symbol 值作为属性名时，该属性还是公开属性，不是私有属性。
7.  魔术字符串指的是，在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数值。
8.  Symbol 作为属性名，有一个`Object.getOwnPropertySymbols`方法，可以获取指定对象的所有 Symbol 属性名, 其他方法都不会返回 Symbol .

## 1.  Symbol 是什么 ##

一种新的数据类型

js 第七中数据类型 :

1.  undefined
2.  null
3.  Number
4.  String
5.  Boolean
6.  Object
7.  Symbol

语法 :

Symbol([description])

参数用于识别是哪个, 作为描述符生效, 选填.

let s = Symbol();
    typeof s
    // "symbol"
    
    
    let s1 = Symbol('foo');
    let s2 = Symbol('bar');
    s1 // Symbol(foo)
    s2 // Symbol(bar)

###  特点 :  ###

### 1.1 唯一性 ###

任何两个Symbol类型的变量，都不相同（即使生成他们时传的参数相同）；

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

### 1.2  不能运算(不能隐式转换) ###

Symbol 值不能与其他类型的值进行运算，会报错。

let sym = Symbol('My symbol');
    
    "your symbol is " + sym
    // TypeError: can't convert symbol to string
    `your symbol is ${sym}`
    // TypeError: can't convert symbol to string

### 1.3  显示转换为字符串 ###

let sym = Symbol('My symbol');
    
    String(sym) // 'Symbol(My symbol)'
    sym.toString() // 'Symbol(My symbol)'

### 1.4  转换布尔值 ###

var foo = Symbol();
    Boolean(foo);    //true

### 1.5  不能使用new这种方式来创建 ###

new Symbol();//Uncaught TypeError: Symbol is not a constructor

### 1.6  可以像字符串一样作为变量名 ###

var foo = Symbol();
    var bar = {
        [foo]: 1
    }
    bar;    //{Symbol(): 1}

## 2.  Symbol作为属性名 ##

简单来说就是使用变量作属性名

但是Symbol 值作为对象属性名时，不能用点运算符

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

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

作为属性方法使用

let s = Symbol();
    
    let obj = {
      [s](arg) { ... }
    };
    
    obj[s](123);

## 3.  遍历 ##

它不是私有属性, 但是常用的方法`for...in`、`for...of,Object.keys()`、`Object.getOwnPropertyNames()`、`JSON.stringify()`不能遍历这个属性

它有个独有的方法获得属性 Object.getOwnPropertySymbols , 返回一个属性数组

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)]

另一个新的 API，`Reflect.ownKeys`方法可以返回所有类型的键名，包括常规键名和 Symbol 键名。

> Reflect.ownKeys(obj)  
>

## 4.  消除魔术字符串 ##

魔术字符串指的是，在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数值。风格良好的代码，应该尽量消除魔术字符串，改由含义清晰的变量代替。

简单理解就是 重复出现多次的字符串 可以用一个变量代替, 这个变量就是 Symbol

function foo(str) {
      let str1 = '';
      switch (str) {
        case 'hello': // 魔术字符串
          str1 = 'hello world'
          break;
        /* ... more code ... */
      }
    
      return str1;
    }
    
    foo('hello'); // 魔术字符串

字符串`hello`就是一个魔术字符串。它多次出现，与代码形成“强耦合”，不利于将来的修改和维护。

用变量代替

const hello = Symbol()
    function foo(str) {
      let str1 = '';
      switch (str) {
        case hello: // 魔术字符串
          str1 = 'hello world'
          break;
        /* ... more code ... */
      }
    
      return str1;
    }
    
    foo(hello); // 魔术字符串

## 5.  创建带标识符的 Symbol 类型变量 ##

### 5.1 Symbol.for() ###

它接受一个字符串作为参数，然后搜索有没有以该参数作为名称的 Symbol 值。

如果有，就返回这个 Symbol 值，否则就**新建**并返回一个以该字符串为名称的 Symbol 值。

let s1 = Symbol.for('foo');
    let s2 = Symbol.for('foo');
    
    s1 === s2 // true

Symbol.for() 与 Symbol() 的区别

1.   都会生成新的 Symbol
2.  Symbol.for会被登记在全局环境中供搜索, Symbol不会

所以

Symbol.for("bar") === Symbol.for("bar")
    // true
    
    Symbol("bar") === Symbol("bar")
    // false

### 5.2  Symbol.keyFor ###

`Symbol.keyFor`方法返回一个已登记的 Symbol 类型值的`key`。

let s1 = Symbol.for("foo");
    Symbol.keyFor(s1) // "foo"
    
    let s2 = Symbol("foo");
    Symbol.keyFor(s2) // undefined