我一直在玩字体装潢器,但只是没有运气让他们工作。我阅读了How to implement a typescript decorator?并从中创建了decorator实现
function log(target: any, key: string, descriptor?: any) {
// save a reference to the original method
// this way we keep the values currently in the
// descriptor and don't overwrite what another
// decorator might have done to the descriptor.
if(descriptor === undefined) {
descriptor = Object.getOwnPropertyDescriptor(target, key);
}
var originalMethod = descriptor.value;
//editing the descriptor/value parameter
descriptor.value = function (...args: any[]) {
var a = args.map(a => JSON.stringify(a)).join();
// note usage of originalMethod here
var result = 12;//originalMethod.apply(this, args);
var r = JSON.stringify(result);
console.log(`Call: ${key}(${a}) => ${r}`);
return result;
}
// return edited descriptor as opposed to overwriting
// the descriptor by returning a new descriptor
return descriptor;
}
class C {
constructor(){
console.log("built");
}
@log
public foo(n: number) {
console.log("foo called");
return n * 2;
}
}
//new MethodDecoratorExample().method("hi");
var c = new C();
var r = c.foo(23); // "Call: foo(23) => 12"
console.log(r);
然而,运行这段代码并没有得到我所期望的结果,事实上它似乎没有覆盖描述符。深入研究,我发现在生成的代码中,对
__decorate
的调用只有三个参数__decorate([
log
], C.prototype, "foo");
这意味着在装饰C=3中,描述符没有传入。结果,新的描述符不会被返回,代码流会像没有被截获一样继续前进。
所以我一定是不正确地应用了这个装饰,但我看不出我是怎么做错的。它可能被解释为属性描述符吗?我确实在某个地方看到了一些关于这个的评论,但是这是关于在c中将foo方法定义为lambda的,我没有这样做。
我怎样才能让这工作?
最佳答案
这里的问题是,typescript默认情况下会生成es3代码,而方法decorators generated for ES3的工作方式显然与为es5生成的方法有些不同。所以,除非你真的需要瞄准es3,否则解决问题的简单方法是用tsc --experimentalDecorators --target es5
瞄准es5,或者用tsc --experimentalDecorators --target es6
瞄准es6。