如何实现TypeScript decorator?

飞羽 · 06月02日

TypeScript 1.5现在具有 decorator

有人可以提供一个简单的示例,演示实现 decorator的正确方法并描述可能的有效 decorator签名中的参数的含义吗?

declare type ClassDecorator = <TFunction extends Function>(target: TFunction) => TFunction | void;
declare type PropertyDecorator = (target: Object, propertyKey: string | symbol) => void;
declare type MethodDecorator = <T>(target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
declare type ParameterDecorator = (target: Function, propertyKey: string | symbol, parameterIndex: number) => void;

此外,在实现 decorator时是否应牢记最佳实践考虑因素?

回答(1)
时间
J
Jim
1 · 2020-06-02 09:47:34

在其他答案中我没有看到的一件重要事情:

装饰厂

如果要定制将 decorator应用于声明的方式,则可以编写一个 decorator工厂。 decorator工厂只是一个返回表达式的函数, decorator将在运行时调用该表达式。

// This is a factory, returns one of ClassDecorator,
// PropertyDecorator, MethodDecorator, ParameterDecorator
function Entity(discriminator: string):  {
    return function(target) {
        // this is the decorator, in this case ClassDecorator.
    }
}

@Entity("cust")
export class MyCustomer { ... }

查看TypeScript手册Decorators一章

你的回答

加载中...
⌘+Return 发表
发表

温馨提示:登录后可发表评论或回复

关闭,朕知道了

扫码关注微信公众号或小程序