ES6--Symbol数据类型

来源:互联网 发布:linux telnet端口 编辑:程序博客网 时间:2024/06/09 20:03

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