ES6引入的一种新的原始数据类型Symbol,表示独一无二的值。Symbol函数可以接受参数,表示对于这个唯一值的描述。属于基本数据类型,Symbol()函数会返回symbol类型的值
// 创建symbol值
let sy1=Symbol('hello');
let sy2=Symbol();
console.log(sy1==sy2);
###1. 为了解决冲突
let obj={name:'zhangsan',age:12
}
// 新增属性 修改属性
let sy3=Symbol('name');
let obj1={...obj,// 属性名是变量名时使用中括号[sy3]:"myname"
}
console.log(obj1)
案例:
let sy1=Symbol('age');
let sy2=Symbol('name');
let obj={name:"zhangsan",age:12,[sy1]:'myname',[sy2]:'myage',[Symbol('email')]:'kangjie@briup.com'
}
for(let key in obj){console.log(key);
}
let ss=Object.getOwnPropertySymbols(obj);
console.log(obj[ss[2]]);
2.消除魔术字符串
魔术字符串指的是,在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数
function test(shape,options){let area=0;switch(shape){case Shape.SJX:area=.5 * options.width*options.heightbreak;case Shape.ZFX:area=options.width*options.heightbreak;case Shape.CIRCLE:area=Math.PI*Math.pow(options.r,2)break;default:area=-1 }return area
}
let Shape={SJX:Symbol('sjx'),ZFX:Symbol('zfx'),CIRCLE:Symbol('circle')
}
let res=test(Shape.SJX,{width:100,height:100,r:100});
console.log(res);
3.全局注册表
Symbol() 不同的是,用 Symbol.for() 方法创建的的 symbol 会被放入一个全局 symbol 注册表中。Symbol.for() 并不是每次都会创建一个新的 symbol,它会首先检查给定的 key 是否已经在注册表中了。假如是,则会直接返回上次存储的那个。否则,它会再新建一个。
// 将symbol放到全局注册表中
let sy1=Symbol.for('hello');
// 从全局注册表中找到该key对应的value
let sy2=Symbol.for('hello');
console.log(sy1===sy2);//true
// 每次都会创建一个不同symbol值 虽然描述符一样 但是Symbol value值不一样
let sy3=Symbol('hello');
let sy4=Symbol('hello');
console.log(sy3==sy4);//falseSymbol.keyFor()
// Symbol.keyFor()可以检测symbol值是否在全局注册表中注册过。 返回对于symbol的描述或者undefined
let sy1=Symbol.for('hello');
console.log(Symbol.keyFor(sy1));
let sy2=Symbol('world');
console.log(Symbol.keyFor(sy2))