您的位置:88bifa必发唯一官网 > 必发88首页 > 2.Symbol用于属性名

2.Symbol用于属性名

发布时间:2019-06-18 01:25编辑:必发88首页浏览(105)

    本文实例讲述了ES6新特性之Symbol类型用法。分享给大家供大家参考,具体如下:

    Symbol类型

    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值。

    1. Symbol.for() 接受一个字符串作为参数,然后搜索有没有以该参数作为名称的Symbol值,有就返回这个Symbol值,否则就新建并返回一个以该字符串为名称的Symbol值。

    2. 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
    

    希望本文所述对大家ECMAScript程序设计有所帮助。

    您可能感兴趣的文章:

    • ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
    • ES6 javascript中class类的get与set用法实例分析
    • ES6中Class类的静态方法实例小结
    • ES6中class类用法实例浅析
    • 老生常谈ES6中的类
    • JavaScript中 ES6 generator数据类型详解
    • 深入浅析ES6 Class 中的 super 关键字
    • ES6入门教程之Class和Module详解
    • JavaScript ES6中CLASS的使用详解
    • JavaScript ES6的新特性使用新方法定义Class
    • ES6 javascript中Class类继承用法实例详解

    本文由88bifa必发唯一官网发布于必发88首页,转载请注明出处:2.Symbol用于属性名

    关键词: 必发88首页