ES2015 Symbol 一种绝不重复的值

 更新时间:2016年12月25日 15:24:42   投稿:mdxy-dxy  
这篇文章主要介绍了Symbol是ES2015新增的一种值类型数据,表示一种绝不重复的值,需要的朋友可以参考下

ES2015 Symbol:
Symbol是ES2015新增的一种值类型数据,表示一种绝不重复的值。
关于数据类型可以参阅javascript引用类型和基本类型详解一章节。

代码实例如下:

let sVal = Symbol();
console.log(typeof sVal)

上面的代码的输出值是"symbol"。
使用Symbol()函数可以创建一个symbol类型值。
特别说明:前面不能使用new,否则会报错;因为Symbol是一种值类型数据,这也是很好理解的。
Symbol()函数可以接受一个字符串作为参数,用作Symbol值的描述,也可以理解为键(key),代码实例如下:

let s1 = Symbol("脚本之家");
let s2 = Symbol("ww.jb51.net";

键的作用就是为了便于区分不同的Symbol类型的值,代码实例如下:

let s1 = Symbol("脚本之家");
let s2 = Symbol("www.jb51.net");
console.log(s1.toString());
console.log(s2.toString());

通过键就可以比较方便的区分两个Symbol值。
键相同的两个Symbol值并不相同:

let s1 = Symbol("脚本之家");
let s2 = Symbol("脚本之家");
console.log(s1 == s2);

上面两个Symbol值是不相等的。
Symbol值不能够被隐式转换为字符串类型,代码实例如下:

let s = Symbol("脚本之家");
//报错
`antzone ${sym}`
//报错
"antzone" + sym

上面代码试图将Symbol隐式转换字符串会报错。
但是我们可以显式将其转换为字符串类型,代码实例如下:

let s = Symbol("脚本之家");
console.log(s.toString());

Symbol类型方法和属性:
方法列表如下:

方法 描述
Symbol.for() 创建一个Symbol类型的值,但是不会重复创建键值相同的Symbol类型的值。
Symbol.keyFor() 获取对应Symbol值的键。
Symbol.prototype.toString() 返回当前symbol对象的字符串表示。

属性列表如下:
方法 描述
Symbol.iterator 内置Symbol值,作为对象属性会指向一个遍历器接口。
Symbol.match
Symbol.prototype
Symbol.species
Symbol.toPrimitive

相关文章

  • TypeScript在Vuex4中使用TS实战分享

    TypeScript在Vuex4中使用TS实战分享

    这篇文章主要介绍了TypeScript在Vuex4中使用TS实战分享,vuex4类型 Api分析和vuex4实战两部分讲述,需要的小伙伴可以参考一下
    2022-06-06
  • 如何创建 JavaScript 自定义事件

    如何创建 JavaScript 自定义事件

    这篇文章主要介绍了如何创建 JavaScript 自定义事件,我们将通过文章学习到有关创建自定义事件,侦听自定义事件以及创建双击自定义事件所要了解的内容,需要的朋友可以参考一下
    2022-05-05
  • JavaScript实现公历转农历功能示例

    JavaScript实现公历转农历功能示例

    这篇文章主要介绍了JavaScript实现公历转农历功能,涉及javascript日期与时间相关操作及运算操作技巧,需要的朋友可以参考下
    2017-02-02
  • 泛谈JS逻辑判断选择器 || &&

    泛谈JS逻辑判断选择器 || &&

    这篇文章主要介绍了JS逻辑判断选择器 || &&,下面我们来一起学习吧
    2019-05-05
  • JS多个异步请求 按顺序执行next实现解析

    JS多个异步请求 按顺序执行next实现解析

    这篇文章主要介绍了js多个异步请求 按顺序执行next实现解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • 使用bootstrap实现多窗口和拖动效果

    使用bootstrap实现多窗口和拖动效果

    这篇文章主要为大家详细介绍了使用bootstrap实现多窗口和拖动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • Bootstrap文件上传组件之bootstrap fileinput

    Bootstrap文件上传组件之bootstrap fileinput

    这篇文章主要介绍了Bootstrap文件上传组件之bootstrap fileinput,重点是把界面做得更加友好,更好的增加用户体验。还有还多注意细节大家可以通过本文详细了解下
    2016-11-11
  • 微信小程序全局文件的使用详解

    微信小程序全局文件的使用详解

    在小程序开发时,每个页面都对应一个目录,每个目录又分别有wxml、wxss、js和json四个文件。详细说明可查看后续文章介绍,本文主要详解全局文件
    2022-08-08
  • 微信小程序事件对象中e.target和e.currentTarget的区别详解

    微信小程序事件对象中e.target和e.currentTarget的区别详解

    这篇文章主要介绍了微信小程序事件对象中e.target和e.currentTarget的区别详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • JavaScript面向对象之七大基本原则实例详解

    JavaScript面向对象之七大基本原则实例详解

    这篇文章主要介绍了JavaScript面向对象之七大基本原则,结合实例形式详细分析了JavaScript面向对象七大基本原则,包括单一职责、开闭原则、里氏替换、依赖倒置、接口隔离、迪米特法则及组合/聚合复用原则,需要的朋友可以参考下
    2020-05-05

最新评论