1 
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 的使用，或者是否无法做到。

4

1 回答 1

0

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

最简单的方法就是阻止从顶层访问 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);

于 2019-03-29T01:00:53.933 回答