ES6新的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是不冲突的

注意: 常规的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
 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

努力奔波的程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值