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'