从派生（ES2019 私有类）访问基类的受保护字段

Question

我想从派生类访问基类的私有字段而不将它们公开（在其他语言中称为“受保护”）。

考虑以下类：

class Animal {

  #privateProp;

  constructor() {

  this.#privateProp = 12;

  }
}

现在是扩展类：

class Cat extends Animal {

  constructor() {

    super();
  }

  doIt() {

    console.log(this.#privateProp) // 1 below
    console.log(super.#privateProp) // 2 below
  }
}

我想像受保护一样执行：

new Cat().doIt();

但得到（分别）：

1. 未捕获的语法错误：必须在封闭类中声明私有字段“#privateProp”
2. 未捕获的 SyntaxError：意外的私有字段

请注意，当 privateProp 公开时，此代码将完美运行，但我想实现类似受保护的行为并像任何支持继承的语言一样访问“私有”字段。

任何帮助将不胜感激。

Answer 1

您可以使用 getter 和 setter 方法创建私有属性 通过检查构造函数是否不属于 父类本身。

class Animal {
  #privateProp = 12;
  set Prop(val) {
    if (this.constructor.name !== 'Animal')
      return this.#privateProp = val;
    throw new Error('Cannot Access Protected property');
  }
  get Prop() {
    if (this.constructor.name !== 'Animal')
      return this.#privateProp;
    throw new Error('Cannot Access Protected property');
  }
}

class Cat extends Animal {
  get Prop() {
    return super.Prop;
  }

  set Prop(val) {
    super.Prop = val
  }
}

let cat = new Cat();
console.log(cat.Prop)
cat.Prop = 22
console.log(cat.Prop)

console.log(new Animal().Prop);

Answer 2

字段是私有的，类似于变量的块作用域；如果某个属性是某个class 的私有属性，则它只能在该类中被引用。如果扩展类，它在派生类中将不可见。

如果您希望能够从子类中对它做一些事情，您可以在超类上创建一个 getter/setter：

class Animal {
  #privateProp = 12;
  setProp(val) {
    this.#privateProp = val;
  }
  getProp() {
    return this.#privateProp;
  }
}
class Cat extends Animal {
  doIt() {
    console.log(this.getProp());
  }
}
new Cat().doIt();

另一种方法是将“私有”字段定义为仅适用于类声明的 WeakMap：

const { Animal, Cat } = (() => {
  const privateProps = new WeakMap();
  class Animal {
    constructor() {
      privateProps.set(this, 12);
    }
  }
  class Cat extends Animal {
    doIt() {
      console.log(privateProps.get(this));
    }
  }
  return { Animal, Cat };
})();
new Cat().doIt();