ES6新特性之Symbol使用细节
来源:互联网 发布:瓷秀软件多少钱 编辑:程序博客网 时间:2024/06/05 10:23
在迭代器章节的时候出现过[Symbol.iterator ]的属性,那么到底Symbo到底是什么?
答:Symbol是ES6新定义的一种值,它既不是字符串,也不是对象,而是为javaScript增加的第七种基本类型,可以作为一个属性,多用来修复与旧代码命名冲突的问题。
typeof Symbol()//"symbol"
创建一个Symbol有三种方法:
- 调用Symbol(),这种方式每一次调用都会返回一个新的唯一的symbol。
- 调用Symbol.for(string),这种方式会把创建的symbol放入一个symbol注册表,如果已经存在了该symbol就会返回相同的值,这样可在不同的页面共享一个Symbol。
- 使用标准定义的Symbol,例如Symbol.iterator 。
因为不是一个对象,所以不需要使用new来创建
var s1 = Symbol("dog"); //dog称作描述符,可以用console.log().或者.toString()方法打印出来,主要用于调试var s2 = Symbol("dog");console.log(s1 == s2); //falsevar s3 = Symbol.for("dog");console.log(s3 == s1); //falsevar 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键,所以也不是完全私有的。
另外,symbol具有弱封装机制,只在当前作用域中有效,所以我们可以在一个模块或者一个闭包中创建一个symbol,而无需担心与其他模块冲突
var obj = (function(){var s1 = Symbol("dog");var obj = {};obj[s1] = "dog";console.log(obj[s1]);//dogreturn obj;})();console.log(obj[s1]); //undefined这样除了使用
Object.getOwnPropertySymbols()
之外我们无法在外部访问到s1这个Symbolsymbol和其他基本类型不一样,不会自动转换为字符串类型,所以不要用+来拼接symbol,所以尽量不要使用symbol做任何的运算
var s1 = Symbol("dog");console.log("cat" + s1);//TypeError: can't convert symbol to stringconsole(123 - s1); //TypeError: can't convert symbol to number
以上就是Symbol的基本内容。
0 0
- ES6新特性之Symbol使用细节
- ES6新特性之解构使用细节
- ES6核心内容之新特性
- ES6新特性之promise
- es6新特性之generator
- ES6新数据类型 Symbol
- ES6新数据类型Symbol
- 轻松学会ES6新特性之生成器
- ES6新特性之let命令--读书笔记
- ES6之-字符串的新特性
- ES6新特性之Promise篇
- JavaScript之ES6的常用新特性
- es6新特性之箭头函数
- ES6之路--Symbol
- ES6之Symbol
- ES6入门之Symbol
- ES6之Symbol
- ES6之Symbol
- 原生Javascript面向对象
- 关于C++中的pow小记
- MySQL必知必会之3
- codeblocks(无编译器)+MinGW+openssl库(下)
- opencv---文件操作总结
- ES6新特性之Symbol使用细节
- 【pygame入门】-- 绘制图形
- 下载数据库表结构和数据
- T
- 严重: Exception starting filter struts2 java.lang.NullPointerException
- 分布式事务
- Google、亚马逊、微软 、阿里巴巴开源软件一览
- 16山东省赛A题
- 【英语】-add