ES6-Symbol类型
2016-04-22 15:14
411 查看
Symbol类型
1. 为了避免属性名的冲突,ES6新增了Symbol类型。Symbol可以产生一个独一无二的值。
2.Symbol用于属性名。
注意: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()找到。
1. 为了避免属性名的冲突,ES6新增了Symbol类型。Symbol可以产生一个独一无二的值。
let s1 = Symbol('a'); let s2 = Symbol('a'); console.log(s1); //Symbol(a) console.log(typeof s1); //symbol console.log(s1 == s2); //false
2.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]); //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()找到。
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); //false console.log(s1 == s3); //false console.log(s2 == s3); //false console.log(s3 == s4); //true console.log(name1); //undefined console.log(name3); //b
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- React and React with ES6