我正在尝试为Typescript中的REST Api接口开发装饰器。这是装饰器实现
export function RemoteResource(params: any): Function {
console.log("RemoteResource.params: ", params);
return function (target: Function) {
//--POST
target.prototype.post = function () {
console.log("----POST");
};
//--GET
target.prototype.retrieve = function () {
console.log("----GET");
};
//--DELETE
target.prototype.remove = function () {
console.log("----DELETE");
};
//--PULL
target.prototype.update = function () {
console.log("----PULL");
};
console.log("RemoteResource.target: ", target);
return target;
}
}
现在,我可以使用装饰器@RemoteResource
,并将方法post|retrieve|remove|update
正确添加到原始对象原型中。
@RemoteResource({
path: "/foos",
methods: [],
requireAuth: false
})
export class Foo { }
从这里开始,如果我执行
let tester = new Foo();
tester.post() //--This prints out "----POST" correctly
我已正确打印出日志,但我也有以下错误:" Property' post'类型' Foo'上不存在。"
虽然我理解为什么我有这个错误(Foo没有任何声明的post
属性)但我不确定如何解决它。
理想情况下,我希望TS编译器能够理解装饰器扩展了原始对象,并添加了这些方法。
我怎样才能实现它?有什么想法吗?
谢谢!
答案 0 :(得分:3)
由于您是在运行时在装饰器中动态添加这些方法,因此编译器无法知道Foo
个实例将存在这些方法。
您可以通过不同方式进行更改,例如:
(1)使用界面和交叉点:
interface RemoteResource {
post(): void;
remove(): void;
update(): void;
retrieve(): void;
}
let tester = new Foo() as Foo & RemoteResource;
tester.post(); // no error
(2)接口和空方法:
export class Foo implements RemoteResource {
post: () => void;
remove: () => void;
update: () => void;
retrieve: () => void;
}
let tester = new Foo() as Foo & RemoteResource;
tester.post();
@Robba建议:
(3)忽略所有类型检查
let tester = new Foo() as any;
tester.post();
或
let tester = new Foo();
tester["post"]();