问答

初学Typescript,想请教一个接口继承问题

作者:admin 2021-04-20 我要评论

a.js interface IOptions { name: string; sex: 'boy' | 'girl';}export interface Base { myFn(options: IOptions): number;}export class Base {} b.js import...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

a.js

interface IOptions {
  name: string;
  sex: 'boy' | 'girl';
}

export interface Base {
  myFn(options: IOptions): number;
}

export class Base {}

b.js

import { Base } from './a';

export default class extends Base {
  myFn(options) {
    console.log(options.name);
    return options.sex === 'boy' ? 1 : 2;
  }
}

问题如下:

如何能实现声明的类中 myFn 函数的 options 参数限制为 IOptions 类型呢??

现在TS提示的是 参数“options”隐式具有“any”类型。
可以准确限制 myFn 函数的返回值为number,但是限制不了 options 参数

###

如果 class Base 是空的话,就没有存在的必要,a.js 中把 class Base ,那一行删了。b.js 把 class extends Base 改成class implements Base 就好了。


貌似不行, TS 为默认推断为 any ,而 any 也是符合接口定义的,所以不会报错,只会说参数类型隐式推断为 any 了。唯一解法就是把 option 的类型一起导出,子类再声明一遍。

###

把 IOptions 也 export

export interface IOptions {
  name: string;
  sex: 'boy' | 'girl';
}
import { Base, IOptions } from './a';

export default class implements Base {
  myFn(options:IOptions) {
    console.log(options.name);
    return options.sex === 'boy' ? 1 : 2;
  }
}

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器