一、作用與概述
作用:解決命名衝突
概述:
1.一種新的原始數據類型Symbol
2.表示獨一無二的值
傳統命名衝突時,會覆蓋前一個
{
let obj = {
abc:12,
abc:23
}
console.info(obj.abc)//23 命名衝突時,會覆蓋前一個
}
es6採用Symbol解決命名衝突
//解決命名衝突
{
let o = Symbol('abc');
let obj = {
abc:"111",
[o]:"23"
}
console.info(obj);//{abc: "111", Symbol(abc): "23"}
console.info(obj.abc);//111
console.info(obj[o]);//23
}
二、使用
1.Symbol
Symbol定義的變量是獨一無二的,就算描述相同,也不相同
Symbol定義方式
{
let sy1 = Symbol("abc");
let sy2 = Symbol("abc");
console.info(sy1===sy2);//false
console.info(sy1);//Symbol(abc)
}
2.Symbol.for()
Symbol.for()與Symbol()的區別:
Symbol.for()不會每次調用都返回一個新的 Symbol 類型的值,
而是會先檢查給定的key是否已經存在,如果不存在纔會新建一個值
{
let sy3 = Symbol.for('abc');
let sy4 = Symbol.for('abc');
console.info(sy3==sy4);//true
}
三、取值
Object.getOwnPropertySymbols
Reflect.ownKeys
以上兩個方法都是返回數組
{
let o = Symbol('abc');
let obj = {
abc:"111",
[o]:"23"
}
for(let [key,value] of Object.entries(obj)){
console.info(key,value);//abc 111
}
//以上遍歷無法獲取symbol的內容
Object.getOwnPropertySymbols(obj).forEach(item=>{
console.info(item,obj[item]);//Symbol(abc) "23"
})
//以上遍歷只能獲取Symbol定義的屬性
Reflect.ownKeys(obj).forEach(item=>{
console.info(item,obj[item]);//abc 111,Symbol(abc) "23"
})
//以上遍歷可以獲取所有屬性
}