首页 > 软件开发 > JavaScript >

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

来源:互联网 2023-03-17 00:01:11 版权归原作者所有,如有侵权,请联系我们

在使用TypeScript中的接口和类时,可以直接定义接口,然后使用类来实现这个接口,定义变量的类型为这个接口,方法根据条件来返回不同的类方法值。下面利用实例说明,操作如下:rMu办公区 - 实用经验教程分享!

如何使用TypeScript接口类控制方法的返回值类型rMu办公区 - 实用经验教程分享!

工具/原料

  • TypeScript
  • JavaScript
  • HTML5
  • HBuilderX
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,双击打开HBuilderX工具,新建一个TypeScript文件,在其中定义接口Person,接口中有方法sayWhat,如下图所示:rMu办公区 - 实用经验教程分享!

    如何使用TypeScript接口类控制方法的返回值类型rMu办公区 - 实用经验教程分享!

  • 2

    第二步,定义类XH,实现接口Person,构造函数有个私有参数sno,类方法返回这个参数值,如下图所示:rMu办公区 - 实用经验教程分享!

    如何使用TypeScript接口类控制方法的返回值类型rMu办公区 - 实用经验教程分享!

  • 3

    第三步,再次定义一个类ST,同样实现接口Person,有个参数sname并在类方法中返回这个值,如下图所示:rMu办公区 - 实用经验教程分享!

    如何使用TypeScript接口类控制方法的返回值类型rMu办公区 - 实用经验教程分享!

  • 3此文章未经许可获取自百度经验
  • 4

    第四步,定义一个方法queryWhich,传入参数flag,当为true时,返回为类XH,否则返回类ST,如下图所示:rMu办公区 - 实用经验教程分享!

    如何使用TypeScript接口类控制方法的返回值类型rMu办公区 - 实用经验教程分享!

  • 5

    第五步,实例化对象s1,类型为Person接口,调用函数queryWhich,传入参数true,如下图所示:rMu办公区 - 实用经验教程分享!

    如何使用TypeScript接口类控制方法的返回值类型rMu办公区 - 实用经验教程分享!

  • 6

    第六步,再次实例化对象s2,调用函数queryWhich,传入参数为false,并打印这个对象,如下图所示:rMu办公区 - 实用经验教程分享!

    如何使用TypeScript接口类控制方法的返回值类型rMu办公区 - 实用经验教程分享!

  • 注意事项

    • 注意TypeScript中的类实现接口的方法
    • 注意定义接口类型的变量

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!rMu办公区 - 实用经验教程分享!


    标签: JAVASCRIPT函数

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号