001|JavaScript ES6新特性之Symbol

栏目: JavaScript · 发布时间: 8年前

内容简介:001|JavaScript ES6新特性之Symbol

Symbol

symbol是JavaScript中的一种基础数据类型(primitive types)。而Symbol()是一个函数,用于创建symbol类型的对象。

Symbol([description]) // description参数只是一个便于调试的标记,没有其它任何用处。

Symbol创建symbol类型对象时不可与new共用,直接调用即可:

var symbolObject1 = Symbol() var symbolObject2 = new Symbol() // 此行报异常,Symbol is not a constructor

Symbol()函数 每次调用都会创建一个独一无二的symbol类型对象

var result = (Symbol('David') == Symbol('David')) console.log(result) // 输出false

将symbol对象作为对象属性key的时候,这个属性也是隐藏的(non-enumerable),无法用for...in来遍历。通过一段代码来理解一下:

var symKey = Symbol.for('David')  var student={} student[symKey]='James'  console.log(student[symKey]) for(var item in student){     console.log(student[item]) }

全局符号表

全局符号表(Global Symbol Registry),是一个key-value结构,key是任意对象,value是symbol对象。可以通过Symbol.for、Symbol.keyFor两个函数来操作全局符号表。

Symbol.for(key);

在全局符号表中寻找名字为key的symbol对象,如果找到则返回这个对象;如果没找到,则创建一个新的symbol对象。

说简单一点,对于Symbol.for 只要参数key相同,那么回返的symbol对象就相同 。通过下面的例子来理解一下。

Symbol.for('David') var result = (Symbol.for('David')==Symbol.for('David')) console.log(result) // 输出 true

Symbol.keyFor是Symbol.for的逆操作。

Symbol.keyFor(sym)

sym是一个symbol对象,根据sym返回对应的key。如果不存在,则返回undefined.

var symObj = Symbol.for('David') console.log(Symbol.keyFor(symObj)) // 输出 David

其它Symbol操作

Object.getOwnPropertySymbols()可以返回一个对象中所有的symbol对象key。

Object.getOwnPropertySymbols(obj)

好了,这一节就到这里。Symbol是ES6新特性中的基础内容,希望你都掌握了。

什么是Iterable Protocol & Iterator Protocol?

请继续关注我的课程,我将在后续课程中帮大家依次解答上述问题。

如果你热爱计算机,希望一起切磋交流,欢迎加我为好友!

001|JavaScript ES6新特性之Symbol

我的微信


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

精彩绝伦的jQuery

精彩绝伦的jQuery

[美] Jake Rutter / 魏 忠 / 人民邮电出版社 / 2012-6 / 59.00元

内容简介: 通过创建更具交互性的富Web界面增强用户体验 本书阐述如何利用少量的JavaScript基础知识将jQuery框架整合进网站,以创建富Web界面,并建立兼容所有主流浏览器的交互性网站。作者是一位具有丰富经验的Web设计师和开发者,通过一系列指导性步骤清晰讲述了添加交互性以创建卓越Web应用的方法和技巧。 使用jQuery可以节省大量的开发时间,开发者在没有丰富编程经验......一起来看看 《精彩绝伦的jQuery》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试