ES6新特性之Symbol使用细节
在迭代器章节的时候出现过[Symbol.iterator ]的属性,那么到底Symbo到底是什么?
答:Symbol是ES6新定义的一种值,它既不是字符串,也不是对象,而是为javaScript增加的第七种基本类型,可以作为一个属性,多用来修复与旧代码命名冲突的问题。
typeof Symbol()
//"symbol"
创建一个Symbol有三种方法:
- 调用Symbol(),这种方式每一次调用都会返回一个新的唯一的symbol。
- 调用Symbol.for(string),这种方式会把创建的symbol放入一个symbol注册表,如果已经存在了该symbol就会返回相同的值,这样可在不同的页面共享一个Symbol。
- 使用标准定义的Symbol,例如Symbol.iterator 。
var s1 = Symbol("dog"); //dog称作描述符,可以用console.log().或者.toString()方法打印出来,主要用于调试
var s2 = Symbol("dog");
console.log(s1 == s2); //false
var s3 = Symbol.for("dog");
console.log(s3 == s1); //false
var s4 = Symbol.for("dog");
console.log(s3 == s4); //true
Symbol可以作为属性的键,但是只能用[]访问,不能用.访问。
var s1 = Symbol("dog");
// 方式一
var obj = {};
obj[s1] = "dog";
obj.s1 = "dog"; //error
// 方式二
var obj = {
[s1]: "dog"
}
如果已经知道了一个symbol,那么可以访问它或者删除它
var s1 = Symbol("dog");
var obj = {};
obj[s1] = "dog";
// 判断是否存在
if(s1 in obj)
// 删除
delete obj[s1]
但是常见的对象检测会忽略symbol键,例如 for-in循环,Object.keys(obj),Object.getOwnPropertyNames(obj);这就有点像java中的private一样,但是我们可以通过Object.getOwnPropertySymbols(obj)列出对象的所有symbol键。Reflect.ownKeys(obj)返回所有的字符串键和Symbol键,所以也不是完全私有的。
var obj = (function(){
var s1 = Symbol("dog");
var obj = {};
obj[s1] = "dog";
console.log(obj[s1]);//dog
return obj;
})();
console.log(obj[s1]); //undefined
这样除了使用 Object.getOwnPropertySymbols() 之外我们无法在外部访问到s1这个Symbol
var s1 = Symbol("dog");
console.log("cat" + s1);//TypeError: can't convert symbol to string
console(123 - s1); //TypeError: can't convert symbol to number
ES6新特性之Symbol使用细节的更多相关文章
- ES6 新特性之Symbol
Symbol let s1 = Symbol('foo'); let s2 = Symbol('bar'); s1 // Symbol(foo) s2 // Symbol(bar) s1.toStri ...
- 前端入门21-JavaScript的ES6新特性
声明 本篇内容全部摘自阮一峰的:ECMAScript 6 入门 阮一峰的这本书,我个人觉得写得挺好的,不管是描述方面,还是例子,都讲得挺通俗易懂,每个新特性基本都还会跟 ES5 旧标准做比较,说明为什 ...
- ES6新特性概览
本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony( ...
- ES6新特性简介
ES6新特性简介 环境安装 npm install -g babel npm install -g babel-node //提供基于node的REPL环境 //创建 .babelrc 文件 {&qu ...
- 轻松学会ES6新特性之生成器
生成器虽然是ES6最具魔性的新特性,但也是最难懂得的一节,笔者写了大量的实例来具体化这种抽象的概念,能够让人一看就懂,目的是希望别人不要重复或者减少笔者学习生成器的痛苦经历. 在说具体的ES6生成器之 ...
- 你不知道的JavaScript--Item24 ES6新特性概览
ES6新特性概览 本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代 ...
- ES6新特性概览1
本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony( ...
- ES2015 (ES6) 新特性: 20 个
ES2015 (ES6) 新特性 http://babeljs.io/docs/learn-es2015/ Learn ES2015 A detailed overview of ECMAScript ...
- ES6新特性之模板字符串
ES6新特性概览 http://www.cnblogs.com/Wayou/p/es6_new_features.html 深入浅出ES6(四):模板字符串 http://www.infoq.c ...
随机推荐
- 添加事务后 org.springframework.beans.factory.NoSuchBeanDefinitionException: No qualifying bean of type available
今天遇到了一个奇怪的问题 在没添加事务之前 所有的代码都是好的 , 当我添加了事务之后, 代码报错 org.springframework.beans.factory.NoSuchBeanDef ...
- [Troubleshooting] Inter VT 主板已开启,但测试工具显示未开启.
一周前给神船Z7SL3重装了Win10的系统,但安装VMware时遇到了比较诡异的事 主板确定开启了VT 但是VMware显示不支持64位 用工具Securable和Intel(R) Process ...
- jdk版本切换
安装1.6/1.7/1.8版本的jdk 保存jdk的安装目录下的文件 卸载所有jdk 将jdk各个版本拷贝到一个文件夹下 配置环境变量 因为安装之后系统会有注册表之类的文件,单纯的修改环境是不会修改成 ...
- localStorage和sessionStorage总结以及区别
(1)兼容的手机和浏览器: (2)使用 .setItem( key, value)存键值数据 sessionStorage.setItem("key","value&qu ...
- 即时通信系统Openfire分析之五:会话管理
什么是会话? A拨了B的电话 电话接通 A问道:Are you OK? B回复:I have a bug! A挂了电话 这整个过程就是会话. 会话(Session)是一个客户与服务器之间的不中断的请求 ...
- ubuntu中使用usb-creator制作live usb
1.实验环境 ubuntu14.04 2.启动usb-creator 2.1 单击桌面左上角的搜索图标,输入usb-creator,然后选择“应用程序"中的”启动盘创建器“ 2.2 终端中输 ...
- Sqlite常用sql语句
sqlite常用sql语句 --返回UTC时间 select CURRENT_TIMESTAMP; --返回本地时间 select datetime(CURRENT_TIMESTAMP,'localt ...
- ItemsPanelTemplate的用法
项目里想用Silverlight制作工具栏,之前用的是Image和TextBlock完成的,但是代码混乱,在后来版本中突然想到ListBox可以实现这样的效果.使用后效果确实不错.下面是我的笔记 &l ...
- js系列教程1-数组操作全解
全栈工程师开发手册 (作者:栾鹏) 快捷链接: js系列教程1-数组操作全解 js系列教程2-对象和属性全解 js系列教程3-字符串和正则全解 js系列教程4-函数与参数全解 js系列教程5-容器和算 ...
- riot.js教程【一】简介
Riotjs简介 Riotjs是一款简单的.优雅的.组件化UI前端开发框架: 他支持自定义标签(custom tags),拥有令人愉悦的语法,优雅的API和非常小的体积: 为什么需要一个新的界面库 前 ...