ES6 语法之 Symbol

ES6新增了许多新语法,今天登场的主角是Symbol,Symbol是JS新增的基本数据类型,与其他基本数据类型Number、String、null、undefined、Boolean组成了一共6种基本数据类型,还有三种引用数据类型Object、Array、Funtion。

一、Symbol作用

       新增的语法通常是为了解决某个问题而生,Symbol也一样,主要为了解决属性名冲突的问题。

二、Symbol用法

       Symbol是通过函数调用来获取的,它不是一个构造函数,所以记住不是通过new出来的。

var a=Symbol('a');//Symbol(a);
typeof a; //"symbol"

三、与字符串的区别

       乍一看跟String字符串类型很像。但是刚刚有提过Symbol是为了解决属性名冲突的,所以它的特点就是不会与其他Symbol相等。

var a=Symbol('m')  
var b=Symbol('m')  
console.log(a==b) //false 

var a=String('m')  
var b=String('m')  
console.log(a==b) //true 

四、注意

    1. 作为对象的属性名使用的时候不能用. 而应该用[]。

var obj = {[a]:function(){}};//不能直接var obj = {a:function(){}}
obj[a]();//调用的时候不能obj.a()

    2. 可以显式的转换为字符串

var a = Symbol('name');    
var str = String(a) //Symbol(name)        
typeof str; //string

    3. 也可以显式的转换为布尔值

var a = Symbol('name');
var bool= Boolean(a) //true              
typeof bool;//boolean

    4. 但是不能转换成数值

var a = Symbol('name');
var num= Number(a) //报错

五、遍历问题

     1. 不可被遍历到

     Symbol作为属性名,不会出现在for in,for of循环中,也不会出现在Object.keys(),Object.getOwnPropertyNames(),JSON.stringify()中。

     2. 可被遍历到

     可通过Object.getOwnPropertySymbols()获取所有Symbol类型的属性名。Reflect.ownKeys()可返回所有的属性名。

六、Symbol.for() 与 Symbol.keyFor()

      Symbol.for()方法的参数会先搜索是否出现过同一个属性名,如果出现过,则返回这个属性,没出现过则新创建一个属性名

var a=Symbol.for('m');
var b=Symbol.for('m');
console.log(a===b) //true;

var a=Symbol('m');
var b=Symbol('m');           
console.log(a==b) //false

       这是因为Symbol没有登记机制,每次都会返回不同的值。

      Symbol.keyFor()方法是返回被Symbol.for()方法登记的key。

var a=Symbol.for('m');
Symbol.keyFor(a);//'m'

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值