在执行基础函数时调用类型记录装饰器方法

Question

根据打字稿设计的工作原理，如果我写一个装潢师，

class foo{

   @fooDecorator
   public fooMethod(){

    }
}

它将转置的javascript作为

var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
var foo = (function () {
function foo() {
}
foo.prototype.fooMethod = function () {
};
__decorate([
    fooDecorator
], foo.prototype, "fooMethod", null);
return foo;
}());

根据这些代码，每当我的应用程序被引导时，装饰器函数就会被执行，但我想要的是每当底层函数"fooMethod“被执行时，装饰器方法"fooDecorator”就应该执行，我如何才能达到同样的目的，请帮助我解决这个问题。

Answer 1

你可以这样做。在装饰器中，将原来的方法替换为“包装器”，它将首先调用每次应该调用的提供的方法，然后调用原始方法。

下面的代码说明了这种方法：

你的装饰师：

export function Foo(funcToCallEveryTime: (...args: any[]) => void)
{
    return (target: any, key: string, descriptor: any) => 
    {
        var originalMethod = descriptor.value; 

        descriptor.value =  function (...args: any[]) {
            funcToCallEveryTime(...args);
            return originalMethod.apply(target, args);
        }

        return descriptor;
    }
}

你用@Foo装饰器装饰的方法如下：

@Foo((...args: any[]) => { console.log("Before method call:", args[0]); })
private TestMethod(param: string): void
{
    console.log("Method call");
    //...
}

希望这能有所帮助。