当前位置:   article > 正文

ES6-Symbol类型_es6 symbol 原始类型

es6 symbol 原始类型

Symbol类型

1. 为了避免属性名的冲突,ES6新增了Symbol类型。Symbol可以产生一个独一无二的值。

  1. let s1 = Symbol('a');
  2. let s2 = Symbol('a');
  3. console.log(s1); //Symbol(a)
  4. console.log(typeof s1); //symbol
  5. console.log(s1 == s2); //false

2.Symbol用于属性名。

  1. var s1 = Symbol();
  2. var s2 = Symbol();
  3. var s3 = Symbol();
  4. var obj = {
  5. [s1]: 'hi'
  6. };
  7. obj[s2] = 'ES6';
  8. Object.defineProperty(obj, s3, {
  9. value: 'ES2015'
  10. });
  11. console.log(obj); //Object {Symbol(): "hi", Symbol(): "ES6", Symbol(): "ES2015"}
  12. console.log(obj.s1); //undefined -> 所以当用Symbol作为属性名时候,不能用.运算符访问属性
  13. console.log(obj[s1]); //hi
  14. 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()找到。

  1. let s1 = Symbol('a');
  2. let s2 = Symbol('a');
  3. let s3 = Symbol.for('b');
  4. let s4 = Symbol.for('b');
  5. let name1 = Symbol.keyFor(s1);
  6. let name3 = Symbol.keyFor(s3);
  7. console.log(s1 == s2); //false
  8. console.log(s1 == s3); //false
  9. console.log(s2 == s3); //false
  10. console.log(s3 == s4); //true
  11. console.log(name1); //undefined
  12. console.log(name3); //b




声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/运维做开发/article/detail/909262
推荐阅读
相关标签
  

闽ICP备14008679号