通过重新分配使对象属性不可更改，但在JavaScript中可修改

Question

class Hero extends Character {
constructor (name, race, gender, role, level){
    super(name, race, gender, role, level);
    this.inventory = [];
    this.experience = {
        experienceNeeded: 100,
        experienceObtained: 0
    };
    this.gold = 0;
}

我有这个类定义了玩家角色的样子。我想通过重新分配使experienceObtained和gold属性不可更改，但可以通过运算符进行修改，以避免用户使用控制台为这些属性设置自己的值。

this.gold = {
        amount: 0,
        get gold(){
            return this.amount;
        }
    };

如上所示，我尝试使用getter而不声明setter但我仍然可以通过控制台为amount分配任何值。

我不知道我是否误解了在JavaScript中使用getter和setter，或者是否无法做到。

Answer 1

避免用户使用控制台为这些属性设置自己的值。

最简单的方法是阻止从顶层访问Hero实例 - 例如，将所有内容包装在IIFE中：

(() => {
  const hero = new Hero();
  // do stuff with hero
})();

然后，您在IIFE内部所做的一切都将名义上是私人的 - 用户将无法进入控制台并参考并更改他们想要的内容。 （尽管如此，因为它是他们的浏览器，他们可以采用其他方式，例如使用用户脚本 - 你不能相信在客户端机器上运行的任何东西都是合法的。）

使用类似的方法，依靠闭包的名义隐私，你可以使amount成为一个没有setter的闭包变量的getter，确保amount不能从外部改变（当然，除非源代码被改变，否则无论如何所有投注都是关闭的）：

const Hero = (() => {
  const privateHeroGold = new WeakMap();
  return class Hero {
    constructor() {
      privateHeroGold.set(this, 0);
    }
    get gold() {
      return privateHeroGold.get(this);
    }
    set gold(g) {
      console.log("You're not allowed to do that!");
    }
  }
})();
const hero = new Hero();
console.log(hero.gold);
hero.gold = 5;
console.log(hero.gold);