typescript中interface里面使用new报错?

如果在接口里面使用new,看下面代码:

export interface IPCElementOperationCommand {
    pc: PageContentRuntime.PageContent;
    pcs: PageContentSchema.PageContentSchema;
    elementIdPath: string;
    data: any;
    new(receiver: IViewElementReceiver, pc: PageContentRuntime.PageContent, pcs: PageContentSchema.PageContentSchema, elementIdPath: string, data: any); 
    execute(): void;
    check(): boolean;
}

然后有个类去实现这个接口
在这里插入图片描述

看下报错提示说与接口里面的new不匹配?看下图:
在这里插入图片描述
这个就是ts中的类静态部分与实例部分的区别,当你操作类和接口的时候,你要知道类是具有两个类型的:静态部分的类型和实例的类型。 当你用构造器签名去定义一个接口并试图定义一个类去实现这个接口时会得到这个错误,这里因为当一个类实现了一个接口时,只对其实例部分进行类型检查。 constructor存在于类的静态部分,所以不在检查的范围内。因此,我们应该直接操作类的静态部分。 看下面的例子,我们定义了两个接口

export interface IPCElementOperationCommand {

    pc: PageContentRuntime.PageContent;

    pcs: PageContentSchema.PageContentSchema;

    elementIdPath: string;

    data: any;
   
    execute(): void;

    check(): boolean;
}

export interface IPCElementOperationCommandConstructor {
    new(receiver: IViewElementReceiver, pc: PageContentRuntime.PageContent, pcs: PageContentSchema.PageContentSchema, elementIdPath: string, data: any); 
}

这里IPCElementOperationCommandConstructor 为构造函数所用和IPCElementOperationCommand 为实例方法所用,然后把类的类型定义为构造函数的类型

export let addElementCommand: IPCElementOperationCommandConstructor = class addElementCommand implements IPCElementOperationCommand {
    pc: PageContentRuntime.PageContent;
    pcs: PageContentSchema.PageContentSchema;
    data: any;
    pageContent: PageContentRuntime.PageContent;
    elementIdPath: string;

    constructor(receiver: IViewElementReceiver, pc: PageContentRuntime.PageContent, pcs: PageContentSchema.PageContentSchema, elementIdPath: String,data: any)  {

    }
    execute() {
      
    }
    check(): boolean {
       return true
    }

}

这样就可以解决这个错误,去实例化这个类的时候就必须要遵循构造函数的接口,否则就会报错!
在这里插入图片描述
总结
如果在interface里面使用new,意思是实现这个接口的类的构造函数必须严格遵循接口的定义(上面例子上是5个参数),就算你的类的constructor只定义了4个参数,但是在类的实例化的时候还是会报错(应有5个参数,但获得4个)!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值