代码之家 › 专栏 › 技术社区 › Miles P

Typescript类型检查不适用于我的装饰程序

decorator typescript javascript

Miles P · 技术社区 · 7 年前

在我的示例中考虑以下方法 Map 类别:

@XYLiteralDecorator
setCenter(xy: XY | XYLiteral): void {
    this.mapI.centerAt((<XY>xy).projectToPoint(3978));
}

这是 @XYLiteralDecorator 上面使用的装饰器:

function XYLiteralDecorator(target: Object, propertyKey: string, descriptor: TypedPropertyDescriptor<any>) {
    const originalMethod = descriptor.value;
    descriptor.value = function(maybeXY: XY | XYLiteral): XY {
        return originalMethod.apply(this, [isXYLiteral(maybeXY) ? new XY(maybeXY[0], maybeXY[1]) : maybeXY]);
    };
    return descriptor;
}

你会注意到 setCenter 我需要强制的方法 xy 属于类型 XY 因为TS会投诉 xy 可以是 XY 或 XYLiteral 否则然而,我的装饰师将始终确保 xy 属于类型 XY .

TS可能知道吗 xy 只能是类型同时允许两者 XY 或 木素 要作为参数传递的类型(没有像我上面所做的那样强制类型)?

1 回复 | 直到 7 年前

Titian Cernicova-Dragomir 7 年前

您可以添加包含union类型参数的重载,并使实现具有实际的参数类型:

setCenter(xy: XY | XYLiteral): void;
@XYLiteralDecorator
setCenter(xy: XY ): void {
    console.log(xy.getX());
}

这正如预期的那样,您可以使用任何一种类型进行调用,实现将知道实际的类型:

dds.setCenter(new XY(0,0));
dds.setCenter([1, 1]);

完整样本 here

推荐文章

mueslo Thomas Kühn · 修饰类方法以构建方法注册表

6 年前

Mr.Dreamer · 类方法的python装饰器

6 年前

Axel Stone · 无法在vue中使用属性decorator@Prop

7 年前

Igor Pozdeev · 属性getter和上下文管理器

7 年前

Miles P · Typescript类型检查不适用于我的装饰程序

7 年前

Ryohei · 如何在我的软件包中使用decorator

7 年前

Nick Chapman · Python-将类作为参数传递给该类中方法的装饰器?

7 年前

Nick Chapman · 可以从python单元测试运行单个测试方法吗。引用该方法的测试用例?

7 年前

user7696297 · python中的函数修饰符是什么

7 年前

lilezek · 限制方法修饰符的使用

7 年前