javascript - 关于WeakMap和私有(private)变量的问题

Question

在我目前正在阅读的书中，它讨论了我们如何通过下面的示例代码使用 Wea​​kMap 来加强隐私。

const Car = (function() {
  const carProps = new WeakMap();
  class Car {
    constructor(make, model) {
      this.make = make;
      this.model = model;
      this._userGears = ["P", "N", "R", "D"];
      carProps.set(this, { userGear: this._userGears[0] });
    }
    get userGear() {
      return carProps.get(this).userGear;
    }
    set userGear(value) {
      if (this._userGears.indexOf(value) < 0)
        throw new Error(`Invalid gear: ${value}`);
      carProps.get(this).userGear = value;
    }
    shift(gear) {
      this.userGear = gear;
    }
  }
  return Car;
})();

我无法理解这样的代码如何真正使齿轮属性(property)私有(private)化并且不允许从外部访问。

似乎是通过使用

carProps.set(this, { userGear: this._userGears[0] });

我们隐藏了 userGear 并将其设为私有(private)，因此无法访问。

但是，当我使用

const car1 = new Car("Toyota", "Prius");
console.log(car1);
console.log(car1.userGear);

它显示了结果

Car {
  make: 'Toyota',
  model: 'Prius',
  _userGears: [ 'P', 'N', 'R', 'D' ] }
P

我不确定为什么我可以访问 userGear 并在这里得到“P”而不是“undefined”，因为它应该是不可访问的。

可能是我做错了什么或者对这个概念的理解不正确。

有人可以帮助我理解 WeakMap 吗？

Answer 1

代码中显示的 userGear 的 getter 和 setter 只是为了向您展示如何在类内部的(私有(private))carProps 和外部作用域之间进行通信.该示例的要点是表明无法访问 carProps 变量，除非通过故意公开的 userGear 方法。如果这些方法不存在，那么在构造函数中设置 WeakMap 之后，Car 的外部消费者将无法看到它或对其进行任何操作，例如:

const Car = (function() {
  const carProps = new WeakMap();
  class Car {
    constructor(make, model) {
      this.make = make;
      this.model = model;
      this._userGears = ["P", "N", "R", "D"];
      carProps.set(this, { userGear: this._userGears[0] });
    }
    shift(gear) {
      this.userGear = gear;
    }
  }
  return Car;
})();

const car = new Car('foo', 'bar');
// at this point, at this level of scope,
// there is no way for a user of "car" or "Car" to reference carProps
console.log(car.userGear);

另一个可能更有意义的例子，假设构造函数选择了类的用户必须猜测的随机数:

const Game = (function() {
  const gameProps = new WeakMap();
  return class Game {
    constructor() {
      gameProps.set(this, { randomNum: Math.floor(Math.random() * 10) });
    }
    guess(num) {
      return gameProps.get(this).randomNum === num ? 'Win' : 'Lose';
    }
  }
})();

const game = new Game();
// at this point, at this level of scope,
// there is no way for a user of "Game" or "game" to reference gameProps
// or to figure out the random number, without guessing multiple times
console.log(
  game.guess(1),
  game.guess(2),
  game.guess(3),
  game.guess(4),
  game.guess(5)
);

使用上面的代码，Game 的调用者如果不调用(故意暴露的方法).guess 几次，就无法计算出 Game 的内部随机数. (除非 Math.random 事先得到 monkeypatched...)