ES6新的数据类型Symbol

梦里梦外; 2022-12-12 04:55 127阅读 0赞

### 简介 ###

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

具体使用请参考：[API][]

> ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它是 JavaScript  
> 语言的第七种数据类型，前六种是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。

> Symbol 值通过Symbol函数生成。这就是说，对象的属性名现在可以有两种类型，一种是原来就有的字符串，另一种就是新增的 Symbol  
> 类型。凡是属性名属于 Symbol 类型，就都是独一无二的，可以保证不会与其他属性名产生冲突。

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

### 应用场景 ###

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

作为对象的属性名

{ 
        let a1=Symbol.for('abc')
        let obj={ 
            [a1]:'123',//参考api中对象的扩展部分中属性名表达式，这里[a1]代表变量a1的key
            'abc':'123',
            'c':456
        }
        console.log('obj',obj)
    }
    打印结果为
    
    { abc: "123", c: 456, Symbol(abc): "123"}

可以看到两个abc是不冲突的

**注意:**

常规的`for in，let of`的方式去取 ，比如Object.entries,Object.keys，是拿不到symbol的值

for(let [key,value] of Object.entries(obj)){ 
            console.log('let of',key,value)
        }
    结果为
    
    let of abc 123let of c 456

解决方案是

1）使用Object.getOwnPropertySymbols(obj) 。这种方式只拿到了symbol的变量的值

Object.getOwnPropertySymbols(obj).forEach(function(item){ 
            console.log(obj[item])
        })
    结果为
    
    123

2）使用Reflect.ownKeys(obj)

Reflect.ownKeys(obj).forEach(function(item){ 
            console.log(obj[item])
        })
    结果为
    
    123
    456
    123

[API]: https://es6.ruanyifeng.com/#docs/symbol