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;
}());

每当我的应用程序被引导时，编译器函数被执行就会编译代码，但是我想要的是每当底层函数＆＃34; fooMethod＆＃34;执行装饰器方法＆＃34; fooDecorator＆＃34;应该执行，我怎么能达到同样的目的，请帮我解决问题

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(this, args);
        }

        return descriptor;
    }
}

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

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

希望这有帮助。

执行底层函数时调用typescript decorator方法

1 个答案: