8、Symbol数据类型—ES6学习笔记

1 什么是 Symbol ?
Symbol，表示独一无二的值。它是 JS 中的第七种数据类型。

基本的数据类型： Null Undefined Number Boolean String Symbol
引用数据类型：Object

也就是说现在JS有了七种数据类型。
那么为什么要引入Symbol这种数据类型呢？
实际上在ES5中对象的属性都是字符串，这样就很容易造成命名冲突，比如说我们扩展别人写的对象的时候，如果你想添加新的方法，恰巧你的属性名和原先的属性名冲突了，就会造成不必要的麻烦。
所以说为了从根本上解决这个问题，ES6就引入了一种数据类型Symbol。它就代表一个独一无二的值。

我们可以通过系统自带的函数来创建Symbol数据类型。

let s1 = Symbol(); //这样就创建了一个Symbol数据类型
let s2 = Symbol();

//我们打印这样的这种数据类型
console.log(typeof s1); // 'symbol'
console.log(s1 === s2); // false 证明它们是不相等的

这这里s1是一个独一无二的值，很多同学疑问这明明是一个函数的返回值呀。那我们在写一个S2，也等于这个函数的返回值。我们可以打印一下他们是否相等。

Symbol 函数前不能使用 new 否则会报错，原因在于 Symbol 是一个原始类型的值，不是对象。

let s3 = new Symbol(); //报错 不能这样使用

console.log(s1); //Symbol()
console.log(s2); //Symbol()

我们发现s1和s2打印的是一样的，那么我们怎么区分这两个呢?
Symbol 函数接收一个字符串作为参数，表示对Symbol的描述，主要是为了在控制台显示，或者转为字符串的时候，比较容易区分，如下

let s3 = Symbol('zhang');
let s4 = Symbol('leo');
console.log(s3, s4); // Symbol(zhang) Symbol(leo)

这样就区分开了
可见这个参数仅仅是这个值的一个描述，而不代表任何意义。

console.log(Symbol('momo') === Symbol('momo')); //false

那么这样参数到底有什么用呢？实际上它就是这个的一个描述

2 Symbol 数据类型的转换
在做数据类型转换时无非就是字符串、数字、布尔值当中的一种。

console.log(String(Symbol('zhang'))); // Symbol(zhang)
console.log(Symbol('leo').toString()); // Symbol(leo)

console.log(!!Symbol()); // true
console.log(Number(Symbol())); // 不能转换成数字 不仅不能转换 而且报错

console.log(Symbol('momo') + 'pangzi');  //报错 不能做字符串连接
console.log(Symbol('momo') * 100);       // 不能做任何运算。

3 作为对象的属性名

let yyy = Symbol('yyy');

const obj = {};

obj[yyy] = 'hello';

console.log(obj); //Symbol(yyy):"hello"

console.log(obj[yyy]); // hello

let ss = Symbol('ss'); // 

const data = {
  [ss]: 'zhang'
};

console.log(data); //Symbol(ss):'zhang'

console.log(data[ss]); // zhang

注意事项：

const data = {
  [Symbol()]: 123,
  a: 1,
  b: 2
};

console.log(data); // Symbol():123
console.log(data['Symbol()']); //undefined

也就是说使用上述方法，是拿不到键和对应的值的。

for (let i in data) {
    console.log(i); // a b 
}

我们发现打印出的只有a和b，并没有123
不能被for…in循环遍，历虽然不能被遍历，但是也不是私有的属性，可以通过Object.getOwnPropertySymbols方法获得一个对象的所有的Symbol属性

console.log(Object.getOwnPropertySymbols(data)); // [Symbol()] 表示对象下面所有对象的集合

console.log(data[Object.getOwnPropertySymbols(data)[0]]); //123