多语言展示
当前在线:1157今日阅读:61今日分享:18

如何使用TypeScript接口类控制方法的返回值类型

在使用TypeScript中的接口和类时,可以直接定义接口,然后使用类来实现这个接口,定义变量的类型为这个接口,方法根据条件来返回不同的类方法值。下面利用实例说明,操作如下:
工具/原料
1

TypeScript

2

JavaScript

3

HTML5

4

HBuilderX

5

浏览器

6

截图工具

方法/步骤
1

第一步,双击打开HBuilderX工具,新建一个TypeScript文件,在其中定义接口Person,接口中有方法sayWhat,如下图所示:

2

第二步,定义类XH,实现接口Person,构造函数有个私有参数sno,类方法返回这个参数值,如下图所示:

4

第四步,定义一个方法queryWhich,传入参数flag,当为true时,返回为类XH,否则返回类ST,如下图所示:

5

第五步,实例化对象s1,类型为Person接口,调用函数queryWhich,传入参数true,如下图所示:

6

第六步,再次实例化对象s2,调用函数queryWhich,传入参数为false,并打印这个对象,如下图所示:

注意事项
1

注意TypeScript中的类实现接口的方法

2

注意定义接口类型的变量

推荐信息