JavaScript——ES6新增特性Symbol

ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。

ES6 数据类型除了 Number 、String 、Boolean 、Object、null 和 undefined ，还新增了Symbol

基本声明

let sy=Symbol("45")
console.log(sy,typeof(sy))
// Syboml(45) 'symbol'

symbol类型数据不能使用new来调用Symbol函数进行声明，或是包装

let sy2=new Symbol("45")
// 报错

Symbol 函数栈不能用 new 命令，因为 Symbol 是原始数据类型，不是对象。

可以接受一个字符串作为参数，为新创建的 Symbol 提供描述，用来显示在控制台或者作为字符串的时候使用，便于区分。

let sy2=Symbol("45")
console.log(sy2,sy2===sy)
// Symbol(45),false

相同参数Symbol()返回的值不相同 

let sy2=Symbol("45")
let sy3=sy2
console.log(sy2===sy3)
//true

但symbol值可以自己与自己相等

由于每一个 Symbol 的值都是不相等的

所以 Symbol 作为对象的属性名，可以保证属性不重名

let name1=Symbol("name")
let name2=Symbol("name")
let obj={}
obj[name1]="123"
obj[name2]="456"
console.log(obj,obj.name)//undefined

Symbol 作为对象属性名时不能用.运算符，要用方括号。

因为.运算符后面是字符串

所以取到的是字符串 sy 属性，而不是 Symbol 值 sy 属性。

let name1=Symbol("name")
let name2=Symbol("name")
let obj={}
obj[name1]="123"
obj[name2]="456"
console.log(obj,obj.name)//undefined
console.log(obj[name])//undefined

[]内的是symbol数据的变量名，而不是symbol数据的值

 

let name1=Symbol("name")
let name2=Symbol("name")
let obj={}
obj[name1]="123"
obj[name2]="456"
console.log(obj,obj.name)//undefined
console.log(obj[name])//undefined
console.log(obj[name1])//123
console.log(obj[name2])//456

将symbol值作为属性名的对象的写法

let age=Symbol("num")
// 写法一
let objsy={}
objsy[age]=23
console.log(objsy,objsy[age])
// 写法二
let objsy2={[age]:45}
console.log(objsy2,objsy2[age])
// 写法三
let objsy3 = {}
Object.defineProperty(objsy3, age, {value:78})
console.log(objsy3,objsy3[age])