如何在Javascript中调用祖父母类的setter

Question

假设我有 3 个类 Child、Parent 和 Grandparent 按层次结构连接如下：

class Grandparent {
  set myField(value) {
    console.log('Grandparent setter');
  }
}

class Parent extends Grandparent {
  set myField(value) {
    console.log('Parent setter');
  }
}

class Child extends Parent {
  set myField(value) {
    //I know how to call Parent's setter of myField:
    //super.myField = value;
    //But how to call Grandparent's setter of myField here?
  }
}

如何在Child 类的设置器中调用Grandparent 的myField 设置器？

我对 setter 尤其感兴趣，而不是方法。此外，最好不要更改 Parent 的 Grandparent 类。

我不明白使用super 是如何实现的，因为它只引用Parent 类，以及使用Grandparent.prototype.<what?>.call(this, ...) 之类的东西，因为我不知道在原型中究竟要调用什么。

有人对这个案例有什么建议吗？

提前致谢！

Answer 1

使用类似Grandparent.prototype.<what?>.call(this, ...)

你在正确的轨道上，你可以使用Object.getOwnPropertyDescriptor访问setter方法：

Object.getOwnPropertyDescriptor(Grandparent.prototype, "myField").set.call(this, value);

不过有一个更简单的方法：将Reflect.set helper 与自定义接收器一起使用：

Reflect.set(Grandparent.prototype, "myField", value, this);

这还有一个优点是当Grandparent 没有定义setter 时它仍然有效。

---

也就是说，我同意@Dinu 的观点，即当您需要这样做时，您的类层次结构（或您的一般设计，也许您甚至不应该使用类或继承）可能存在问题。

Answer 2

您可以将Reflect.set() 与可选的receiver 参数一起使用，如下所示：

class Grandparent {
  set myField(value) {
    console.log('Grandparent setter');
  }
}

class Parent extends Grandparent {
  set myField(value) {
    console.log('Parent setter');
  }
}

class Child extends Parent {
  set myField(value) {
    Reflect.set(Grandparent.prototype, 'myField', value, this);
  }
}

new Child().myField = 'foo';

如果您没有明确引用 Grandparent.prototype，则可以使用 Object.getPrototypeOf(Object.getPrototypeOf(Object.getPrototypeOf(this))) 代替，这显然不太可取。不过，您可以创建一个辅助函数：

function getPrototypeOf (target, level = 1) {
  return level > 0 ? getPrototypeOf(Object.getPrototypeOf(target), level - 1) : target;
}

并使用getPrototypeOf(this, 3) 代替Grandparent.prototype 将原型链向上递归到祖父母：

function getPrototypeOf (target, level = 1) {
  return level > 0 ? getPrototypeOf(Object.getPrototypeOf(target), level - 1) : target;
}

class Grandparent {
  set myField(value) {
    console.log('Grandparent setter');
  }
}

class Parent extends Grandparent {
  set myField(value) {
    console.log('Parent setter');
  }
}

class Child extends Parent {
  set myField(value) {
    Reflect.set(getPrototypeOf(this, 3), 'myField', value, this);
  }
}

new Child().myField = 'foo';

Answer 3

您可能会找到一种方法来做到这一点，但您不应该这样做，而不是在您执行基于类的 OOP 时，因为它破坏了基于类的模型。在任何健全的环境中，如果 Parent 实现 setX()，它期望 setX() 在其上下文中按照它定义的方式运行。它不会覆盖 setX()，因此它可以像以前一样运行。

所以，如果你问这个问题，你要么设计了错误的类层次结构，要么实际上需要基于原型的 OOP。

如果您编写 Parent，我假设您试图获得的是对某个属性的无中介访问。要走的路是在 parent/gradpa 上定义一个方法，如 setXClean()，用作 celan setter。在这种情况下，您可能希望它在祖父母上受到保护和最终。

Answer 4

在我看来，最简单的方法是在设置 myField 的祖父类中创建另一个唯一的设置器或方法。

class Grandparent {
  set myField(value) {
    console.log('Grandparent setter');
  }
  set grandParent_myField(value) { this.myField = value }
}

class Parent extends Grandparent {
  set myField(value) {
    console.log('Parent setter');
  }
}

class Child extends Parent {
  set myField(value) {
    this.grandParent_myField = value
  }
}

另一种选择是将super.myField 放入每个setter 正文中：

class Grandparent {
  constructor() { this._myField = null }
  set myField(value) {
    this._myField = value
  }
}

class Parent extends Grandparent {
  set myField(value) {
    super.myField = value
  }
}

class Child extends Parent {
  set myField(value) {
    super.myField = value
  }
}