时间:2021-05-28
本文实例讲述了ES6新特性之Symbol类型用法。分享给大家供大家参考,具体如下:
Symbol类型
1. 为了避免属性名的冲突,ES6新增了Symbol类型。Symbol可以产生一个独一无二的值。
let s1 = Symbol('a');let s2 = Symbol('a');console.log(s1); //Symbol(a)console.log(typeof s1); //symbolconsole.log(s1 == s2); //false2.Symbol用于属性名。
var s1 = Symbol();var s2 = Symbol();var s3 = Symbol();var obj = { [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]); //hiconsole.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()找到。
let s1 = Symbol('a');let s2 = Symbol('a');let s3 = Symbol.for('b');let s4 = Symbol.for('b');let name1 = Symbol.keyFor(s1);let name3 = Symbol.keyFor(s3);console.log(s1 == s2); //falseconsole.log(s1 == s3); //falseconsole.log(s2 == s3); //falseconsole.log(s3 == s4); //trueconsole.log(name1); //undefinedconsole.log(name3); //b希望本文所述对大家ECMAScript程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了ES6中Symbol、Set和Map用法。分享给大家供大家参考,具体如下:Symbol1.Symbol是ES6引入了一种新的原始数据类型,表示独一
概述ES6引入了一种新的原始数据类型Symbol,表示的值,更大的用法是用来定义对象的属性名。ES6数据类型除了Number、String、Boolean、Ob
本文实例讲述了ES6(ECMAScript6)新特性之模板字符串用法。分享给大家供大家参考,具体如下:ES6引入了一种新型的字符串字面量语法,我们称之为模板字符
Symbol是ES6中新引入的一种基本数据类型,在此之前JavaScript中已有几种基本数据类型:NumbergStringBooleanNullUndefi
edge支持es6,Edge15可以支持96%的ES6新特性。Edge14可以支持93%的ES6新特性。 2015年4月30日,微软在旧金山举行的Build2