1. 程式人生 > >es6-symbol的用法

es6-symbol的用法

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 }) }