您的位置:首页 > 其它

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
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: