美文网首页
Symbol的用法

Symbol的用法

作者: 王小滚 | 来源:发表于2018-11-15 23:01 被阅读0次

    在ES5及早期的版本中,语言包含五种原始类型:字符串 数字 布尔 null 和 undefined。ES6引入了第6种原始类型:Symbol。

    创建Symbol

    let firstName = Symbol();
    let person = {};
    
    person[firstName] = 'dududu'
    console.log(person[firstName])
    

    创建了一个名为firstName的Symbol,每当要访问这个属性的时候一定要用到最初定义的Symbol。

    Symbol函数接受一个可选参数,其可以让你添加一段文本描述创建的这个Symbol,这段描述不可用于属性访问

    let firstName = Symbol('firstName');
    let person = {};
    
    person[firstName] = 'dududu'
    console.log(person[firstName])
    console.log(firstName) // Symbol(firstname)
    

    Symbol的描述被存储在[[Description]]属性中,只有当调用Symbol的toString()方法才读取这个属性。我们在执行console.log时候,隐式的调用了firstName的toString()方法,不能直接在代码里访问[[Description]]属性

    Symbol的使用方法

    所有使用可计算属性名的地方都可以使用Symbol。

    let firstname = Symbol('firstname');
    
    // 使用一个可计算对象字面量属性
    let person1 = {
        [firstname]: 'dududu'
    }
    let lastName = Symbol('lastName');
    
    Object.defineProperties(person1, {
        [lastName]: {
            value: 'dudu'
        }
    })
    
    console.log(person1[firstname]);
    console.log(person1[lastName]);
    

    Symbol共享体系

    有时候我们希望可以在不同的代码中共享同一个Symbol,ES6提供了一个可以随时访问的全局的Symbol注册表。
    使用Symbol.for()方法,它接受一个参数,也就是即将创建的Symbol的字符串的标识符,同样也被用作Symbol的描述符。
    Symbol.for()首先在全局Symbol的注册表中搜索键为“uid”的Symbol是否存在,如果存在,直接返回已有的Symbol;否则创建一个新的Symbol。

    let uid = Symbol.for('uid');
    let object = {
       [uid] : '12345'
    }
    let uid2 = Symbol.for('uid');
    console.log(uid === uid2);
    

    还有一个与Symbol共享有关的体系:可以使用Symbol.keyFor()方法在 Symbol全局注册表中检出与 Symbol有关的键。

    let uid =  Symbol.for('uid');
    console.log(Symbol.keyFor(uid));
    
    let uid2 =  Symbol.for('uid');
    console.log(Symbol.keyFor(uid2));
    
    let uid3 =  Symbol('uid');
    console.log(Symbol.keyFor(uid3));
    

    uid与uid2都返回了uid这个键,而在Symbol全局注册表中不存在uid3这个Symbol,也就是不存在与之有关的键,所以返回unfefined。

    Symbol与类型强制转换

    因为其他类型没有与Symbol逻辑等价的值,因此不能将Symbol强制转换成字符串数字
    可以调用Symbol的String方法并输出Symbol的描述信息。

    Symbol属性检索

    ES6中增加了Object.getOwnPropertySymbols()方法检索对象中的Symbol属性。

    let uid = Symbol.for('uid');
    let object = {
        [uid]: '12345'
    }
    let symbols = Object.getOwnPropertySymbols(object);
    

    相关文章

      网友评论

          本文标题:Symbol的用法

          本文链接:https://www.haomeiwen.com/subject/rufzoftx.html