es6——新增的資料型別 symbol
阿新 • • 發佈:2018-12-09
應用場景: es5的物件屬性名都是字串,容易造成屬性名衝突 es6引入新的原始資料型別symbol,表示獨一無二的值
物件屬性名可以有兩種型別:1.字串;2.symbol型別(獨一無二,不會與其他屬性名產生衝突)
{
let str1 = Symbol();
let str2 = Symbol();
console.log(str1 === str2);//false
console.log(typeof str1);//symbol
}
描述
{
let str1 = Symbol('name' );
let str2 = Symbol('name');
console.log(str1, str2);//Symbol(name) Symbol(name)
console.log(str1 === str2);//false
}
物件屬性名的問題:只會顯示lucy的名字
{
const obj = {};
obj.name = 'bob';
obj.name = 'lucy';
console.log(obj);//{name: "lucy"}
}
物件屬性名的解決方法(symbol的常用例項)
{
const obj = {};
obj[Symbol('name')] = 'lucy';
obj[Symbol('name')] = 'bob';
console.log(obj);//{Symbol(name): "lucy", Symbol(name): "bob"}
}