ECMAscript6快速入门-Symbol

概述

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
}