typescript - 如何使用装饰器覆盖 typescript 中类的静态方法

Question

这是我在 javascript 中所做的

class A {
  static foo (a, b, callback) {
    setTimeout(() => {
      let result = doSomethig(a, b)
      callback(result)
    }, 1000)
  }
}

function decorator (OriginalClass) {
  return class extends OriginalClass {
    static foo (a, b) {
      return new Promise((res) => {
        super.foo(a, b, (result) => {
          res(result)
        })
      })
    }
  }
}

@decorator    
class B extends A {
}

let result = await B.foo(10, 20)

我想覆盖一个类的方法，在覆盖的方法中，我想调用原来的方法。有没有办法在 typescript 中做到这一点？

Answer 1

你可以这样做:

class A {
  static bar() {
    console.log("barA");
  }
}

function decorator(OriginalClass: any) {

  let baseBar = OriginalClass.bar;
  OriginalClass.bar = function () {
    baseBar();
    console.log("barOverridden");
  }  
  return OriginalClass;
}

@decorator    
class B extends A {
}

B.bar();