ECMAscript6快速入门-Symbol
2017-09-29 11:54
302 查看
概述
ES5的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin模式),新方法的名字就有可能与现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是ES6引入Symbol的原因。它表示独一无二
js中的第七种数据类型
它是一种类似于字符串的数据类型
可以接受一个字符串作为参数,表示对Symbol实例的描述,主要是为了在控制台显示,或者转为字符串时,比较容易区分。
基本的数据类型
number/Null/undefind/boolean/string/symbol
引用数据类型
object
1.创建symbol
let s1 = Symbol(); new Symbol();//会报错,不是一个构造函数 //可以接收一个参数 let s2 = Symbol('hongtao'); console.log(s2)//Symbol(hongtao) console.log(Symbol('hongtao')===Symbol('hongtao'))//false,是不相等的,可以联想到NaN
2.数据类型转换
console.log(String(Symbol('hongtao'))) console.log(Symbol('hongtao').toString()) //'Symbol(hongtao) //symbol是一个true值 console.log(!!Symbol('hongtao'))//true //不能转换成数字 console.log( number(Symbol('1'))) )//报错了 //不能进行运算 console.log( Symbol('hong') + 'tao' )//报错
3.作为对象属性名
let hhh = Symbol('hhh'); const obj = {}; obj[hhh] = 'hello'; let h1 = Symbol('h1'); const data1 = { //键用Symbol来存储的话要加[],不然会被解析成字符串 [h1] : 'hello hongtao' } //普通方式取不到 const data2 = { [Symbol('a')]:'a' } console.log( data2[Symbol('a')] ) //undefind //不能被遍历 var data3 = { [Symbol('a')]:'a', a : 1, b : 2 } for(var i in data3){ console.log( i )// a b }
相关文章推荐
- ECMAscript6快速入门-函数的扩展
- 【ES6】 — ECMAScript6快速入门03
- 【ES6】 — ECMAScript6快速入门01
- ECMAscript6快速入门-Class
- ECMAscript6快速入门-let和const
- 【ES6】 — ECMAScript6快速入门02
- ECMAscript6快速入门-iterator
- MySQL 快速入门
- 《算法笔记》2.8小节——C/C++快速入门->结构体(struct)的使用
- Spring MVC 教程,快速入门,深入分析(转载)
- 转:TinyXml快速入门
- 快速入门系列--GIT版本控制工具
- C++Primer笔记 第一章 快速入门
- 零基础学python-16.1 作用域快速入门
- ASP.NET2.0快速入门系列--高级数据方案(上)
- ef快速入门原创教程
- R语言-数据分析-快速入门方便查询-excel表格形式学习笔记1
- 网站前端_EasyUI.基础入门.0001.jQuery EasyUI简单介绍与快速使用?
- rabbitmq(七)与spring整合快速入门
- Android2.2快速入门