执行底层函数时调用打字稿装饰器方法

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

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

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

您的装饰者：

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");
    //...
}

希望对您有所帮助。

执行底层函数时调用打字稿装饰器方法

Call typescript decorator method when the underlying function is executed

typescript

typescript1.5