美文网首页
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);

相关文章

  • JS-学习ES6之-Symbol数据类型[整理稿]

    为什么要有Symbol Symbol可以传参数 Symbol 作为属性名的用法 Symbol.for() 1. 为...

  • Symbol的用法

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

  • ES6系列二.一:Symbol原理

    上节我们介绍了symbol 基本用法,这节我们来实现它的每一个特性。 特性 Symbol 值通过 Symbol 函...

  • Symbol

    es6新增数据类型 -- 基本类型 值是由symbol函数调用产生的 Symbol的基本用法 Symbol的使用属...

  • es Symbol 一种新的原始类型

    一种新的原始数据类型Symbol,表示独一无二的值 基本用法 Symbol.for() 方法和 Symbol.k...

  • JS数据类型判断及原理

    一、typeof 用法:只能判断string, number,boolean,undefined,symbol,f...

  • ES6新特征 之 Symbol

    基本概念 Symbol:表示独一无二的值,属于类字符串数据类型,本质上可以当字符串来用。 基本用法 Symbol是...

  • ES6功能教程

    Symbol ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一...

  • es6-symbol的用法

    Symbol数据类型 Synmbol 数据类型提供一个独一无二的值。 Symbol的声明 Symbol的使用 根据...

  • 17.limma教程|函数解析01

    1.alias2Symbol 将基因别名转换为正式的基因名称 用法: 参数: alias 基因别名的字符向量 sp...

网友评论

      本文标题:Symbol的用法

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