Symbol 使用场景
一. 简介
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是不冲突的
Symbol.for与Symbol() 的区别
let a = Symbol.for('abc') let b = Symbol.for('abc') console.log(a === b) // 结果 true let a = Symbol('abc') let b = Symbol('abc') console.log(a === b) // 结果 false //Symbol() 每次都会返回不同的类型值
注意:常规的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 123 let 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