es6-symbol的用法
阿新 • • 發佈:2018-12-10
Symbol資料型別
Synmbol 資料型別提供一個獨一無二的值。
Symbol的宣告
{
// 宣告
let a1=Symbol(); // 這裡沒有 new
let a2=Symbol();
console.log(a1===a2); // false
let a3=Symbol.for('a3'); // 返回由給定的 key 找到的 symbol,否則就是返回新建立的 symbol
let a4=Symbol.for('a3');
console.log(a3, a4, a3===a4); // Symbol(a3) Symbol(a3) true
}
Symbol的使用
根據規範,物件屬性鍵只能是string型別或symbol型別,不能是number、boolean,只有string和symbol兩種型別。
{
let a1=Symbol.for('abc');
let obj={
[a1]:'123',
'abc':345,
'c':456
};
console.log('obj',obj); // {abc: 345, c: 456, Symbol(abc): "123"}
// 注意:物件中,symbol 做屬性值,通過 for in 和 for of 拿不到屬性值
for(let [key,value] of Object.entries(obj)){
console.log('let of',key,value); // abc 345 // c 456
}
Object.getOwnPropertySymbols(obj).forEach(function(item){ // api 結果是陣列
console.log(obj[item]); // 123
})
Reflect.ownKeys(obj).forEach(function(item){ // api 返回陣列包含symbol和非symbol
console.log('ownkeys',item,obj[item]); // abc 345 c 456 Symbol(abc) 123
})
}