zoukankan      html  css  js  c++  java
  • ES6 Symbol的应用场景

    一、简介

    具体使用请参考:API

    ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefinednull、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。

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

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

    二、应用场景

    1.

    {
        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
  • 相关阅读:
    【以前的空间】poj 2288 Islands and Bridges
    【以前的空间】网络流合集
    【以前的空间】 单调队列系列
    【以前的空间】几道平衡树
    【以前的空间】vijos 1720 阿狸的打字机
    对拍程序
    【Ubuntu】编写一个c语言代码
    用Matlab对数据进行线性拟合算法
    Oracle视图传递参数
    oracle decode的用法
  • 原文地址:https://www.cnblogs.com/knyel/p/7844178.html
Copyright © 2011-2022 走看看