ES6--Symbol数据类型

1. 什么是 Symbol ?

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

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

let s1 = Symbol();
let s2 = Symbol();
console.log(typeof s1); // 'symbol'
console.log(s1 === s2);//false

2. 关于Symbol

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

let s3 = new Symbol();//报错

2) Symbol 函数接收一个字符串作为参数，表示对Symbol的描述，主要是为了在控制台显示，或者转为字符串的时候，比较容易区分

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

但是这个参数仅仅是对这个值得描述，而不代表任何意义，看下面例子

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

3. Symbol 数据类型的转换

Symbol转String(字符串)

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

Symbol转Boolean

console.log(!!Symbol()); // true

Symbol不能转数字

console.log(Number(Symbol()));//报错

Symbol不能做任何运算。

console.log(Symbol('momo') + 'pangzi');//报错
console.log(Symbol('momo') * 100); //报错

3. 作为对象的属性名

方法一

let yyy = Symbol('yyy'); 
const obj = {};
obj[yyy] = 'hello';
console.log(obj);//键值对
console.log(obj[yyy]);//值

方法二

let ss = Symbol('ss');
const data = {
  [ss]: 'miaov'
 };
 console.log(data);//键值对
 console.log(data[ss]);//值

下面方式取不到

const data = {
  [Symbol()]: 123,
  a: 1,
  b: 2
};
console.log(data);
console.log(data['Symbol()']);//undefined

不能被for…in循环遍历，如下所示。

const data = {
  [Symbol()]: 123,
  a: 1,
  b: 2
};
for(let i in data){
  console.log(i);// a b
}

虽然不能被遍历，但是也不是私有的属性，可以通过Object.getOwnPropertySymbols方法获得一个对象的所有的Symbol属性

const data = {
  [Symbol()]: 123,
  a: 1,
  b: 2
};
console.log(Object.getOwnPropertySymbols(data)); // [Symbol()]console.log(Object.getOwnPropertySymbols(data)[0]);//123