ES6新特性之Symbol类型用法分析
本文实例讲述了ES6新特性之Symbol类型用法。分享给大家供大家参考,具体如下:
Symbol类型
1.为了避免属性名的冲突,ES6新增了Symbol类型。Symbol可以产生一个独一无二的值。
lets1=Symbol('a'); lets2=Symbol('a'); console.log(s1);//Symbol(a) console.log(typeofs1);//symbol console.log(s1==s2);//false
2.Symbol用于属性名。
vars1=Symbol(); vars2=Symbol(); vars3=Symbol(); varobj={ [s1]:'hi' }; obj[s2]='ES6'; Object.defineProperty(obj,s3,{ value:'ES2015' }); console.log(obj);//Object{Symbol():"hi",Symbol():"ES6",Symbol():"ES2015"} console.log(obj.s1);//undefined->所以当用Symbol作为属性名时候,不能用.运算符访问属性 console.log(obj[s1]);//hi console.log(obj['s1']);//undefined
注意:Symbol作为属性名,该属性不会出现在for...in...和for...of...循环中,也不会被Object.keys(),Object.getOwnPropertyNames()返回。Object.getOwnProertySymbols()返回一个数组,成员是当前对象的所有用作属性名的symbol值。
2.Symbol.for()接受一个字符串作为参数,然后搜索有没有以该参数作为名称的Symbol值,有就返回这个Symbol值,否则就新建并返回一个以该字符串为名称的Symbol值。
3.Symbol.keyFor()方法返回一个已经登记的Symbol类型值的key。
Symbol()方法生成一个Symbol类型时,没有登记,所以每次调用Symbol(哪怕传入相同的字符串)会返回不同的Symbol,但是Symbol.for()在生成Symbol时候进行了登记,每次再次调用时,都会先寻找是否有传入相同参数的Symbol,故只有Symbol.for()产生的Symbol才能被Symbol.keyFor()找到。
lets1=Symbol('a'); lets2=Symbol('a'); lets3=Symbol.for('b'); lets4=Symbol.for('b'); letname1=Symbol.keyFor(s1); letname3=Symbol.keyFor(s3); console.log(s1==s2);//false console.log(s1==s3);//false console.log(s2==s3);//false console.log(s3==s4);//true console.log(name1);//undefined console.log(name3);//b
希望本文所述对大家ECMAScript程序设计有所帮助。