从子类更改父类的静态方法

Question

我需要从子类中更改父类的静态方法。

来自https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/static 我读到：

静态方法调用直接在类上进行，而不是 可在类的实例上调用。

在下面的示例中，我有一个带有 foo() 方法的 Parent 类，它调用了 bar() 方法（都是静态的）。我需要将 bar 从 Child 子类更改为调用 Child.foo() 将调用修改后的 bar 方法，而不是原来的方法。

有没有可能（可能是孩子的constructor）？

class Parent {

  static foo() {
    Parent.bar();
  }

  static bar() {
    console.log("HERE I AM");
  }

}

class Child extends Parent {

  static bar() {
    super.bar(); // maybe not what I want?
    console.log(", FELLAS!");
  }
}

Parent.foo(); // HERE I AM
Child.foo(); // HERE I AM, FELLAS! (need this!)

Answer 1

你的问题是foo直接调用Parent.bar()，而不是this.bar()。通过显式引用Parent，它根本不考虑Child 中的覆盖方法。 Child.bar 的写法和是否调用 super.bar 无关紧要。

class Parent {
  static foo() {
    this.bar();
//  ^^^^
  }
  static bar() {
    return "HERE I AM";
  }
}

class Child extends Parent {
  static bar() {
    return super.bar() + ", FELLAS!";
  }
}

console.log(Parent.foo()); // HERE I AM
console.log(Child.foo()); // HERE I AM, FELLAS!

static bar() 方法中的this 关键字现在引用Child.foo() 调用中的Child 类，并调用其覆盖的bar 方法。

唯一的替代方法（如果您无法修改 Parent）也将覆盖 foo 方法，复制 Parent 代码但在那里显式调用 Child.bar()。

Answer 2

如果您想从孩子修改父级，请执行此操作。 Parent 是一个具有属性的对象，static 是语法糖。替换方法就像设置属性一样简单。可能不是您想在生产代码中做的事情。

class Parent {
  static foo() {
    Parent.bar();
  }

  static bar() {
    console.log("HERE I AM");
  }
}

class Child extends Parent {
  static unhack() {
      if (Parent.hack) {
          Parent.bar = Parent.hack
          delete Parent.hack
      }
  }
  
  static hack() {
    if (!Parent.hack) {
       Parent.hack = Parent.bar
       Parent.bar = Child.bar
    }
  }
 
  static foo() {
      Child.hack()
      Parent.foo()
      Child.unhack()
  }

  static bar() {
    if (super.hack) {
      super.hack(); // Call the "shadowed" Parent.bar()
    }
    console.log(", FELLAS!"); // Call the additional code
  }
}

Parent.foo(); // HERE I AM
Child.foo(); // HERE I AM, FELLAS! (need this!)
Parent.bar(); // HERE I AM
Child.bar(); // Probably don't want to do this