ES6 Symbol的简单介绍

8 篇文章 0 订阅

ES6 Symbol的介绍以及使用方法

Symbol

Symbol 是ES6新引入的一种基本数据类型 表示的是独一无二的值 是js里面第六种基本数据类型

基本数据类型 : string number boolean undefined null

typeof 的返回值 string number boolean undefined object function

特点

  1. Symbol函数生成的数据 是独一无二的 即便参数一样 那么表示的值也不一样

    console.log(Symbol("www") === Symbol("www")); //false
    console.log(Symbol() === Symbol()); //false
    
  2. Symbol没有字面量的写法

  3. 是新增的一种数据类型 使用typeof检测 返回值是symbol

  4. Symbol数据不能使用new关键字来创建

    var s3 = new Symbol();  
    console.log(s3);// Symbol is not a constructor
    
  5. 一般我们在创建数据的时候 最好加一个参数便于区分

     var s1 = Symbol("age");
            var s2 = Symbol();
            console.log(s1);
            console.log(s2);
    
            var obj = {
                a: "Tom",
                b: "boy",
                [s1]: 15  // 符号属性
            }
    
  6. 如果和其他数据类型进行运算 就会报错

Object.get

ES6新增的方法 Object.get

var syb = Symbol("c");

        var obj = {
            a: "123",
            b: "456",
            [syb]: "789"
        }

        for(var key in obj) {
            console.log(key);  // a   b       获取不到[syb] 
        }

        console.log(Object.keys(obj)); //["a" , "b"]      获取不到[syb]


        // ES6新增的方法 Object.get
        console.log(Object.getOwnPropertyNames(obj));//["a" , "b"] 获取不到[syb]

        console.log(Object.getOwnPropertySymbols(obj)); //[Symbol(c)]

        var s = Object.getOwnPropertySymbols(obj);
        console.log(s[0] === syb);  // true
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值