js創建對象私有屬性

創建隱藏屬性

能想到的創建隱藏屬性的方法有三種：

1. 簡單的閉包
2. 通過Symbol
3. 通過Map,WeakMap

閉包

這種方法我們經常使用，例如：

// 在某個模塊中
function createPeople(name, age) {
  const _age = age;
  return {name, getAge: function() {return _age;}};
}

通過Symbol

提出Symbol這個特殊的唯一的值類型，似乎就是專門為了做對象的屬性的

function createPeople(name, age) {
  const _age = Symbol("Age");
  return {name, getAge: function() {return this[_age];}, [_age]: age};
}

通過Map/WeakMap

比起Map，我覺的如果是保存對象的私有屬性的話，WeakMap更美麗，因為它可以保存對象的弱引用

// Map實現
function createPeople(name, age) {
  const map = new Map();
  map.set("age", age);
  return {name, getAge: function() {return map.get("age");}}
}
// WeakMap 實現
const wMap = new WeakMap();
function createPeople2(name, age) {
  const ret = {name, getAge: function() {return wMap.get(this).age;}};
  const pravite = {};
  wMap.set(ret, pravite);

  pravite.age = age;
  return ret;
}

同時，實際上在ES2020中已經提供了原生的類定義私有屬性的支持，只需要填上一個#，那么他就是私有的了：

class People {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
    
    #fart() {
      console.log("fart");
    }
}

現在至少在我的Chrome 83+上，是可用的