首页 > 软件开发 > JavaScript >

如何TypeScript函数传入参数个数和调用个数一致

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

在JavaScript中,定义一个函数,函数需要传入几个参数;如果在调用时不传入,也不会报错;但是,在TypeScript中,定义函数的参数个数和参数类型,需要跟调用时保持一致。下面利用实例说明,操作如下:u6B办公区 - 实用经验教程分享!

如何TypeScript函数传入参数个数和调用个数一致u6B办公区 - 实用经验教程分享!

工具/原料

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

方法/步骤

  • 1

    第一步,在新建的TypeScript文件中,定义函数buildData,传入参数one和two(数值类型),如下图所示:u6B办公区 - 实用经验教程分享!

    如何TypeScript函数传入参数个数和调用个数一致u6B办公区 - 实用经验教程分享!

  • 1该信息未经授权抓取自百度经验
  • 2

    第二步,调用第一步中定义的函数buildData,传入两个参数120和240,刚好满足定义函数时的参数个数和参数类型,如下图所示:u6B办公区 - 实用经验教程分享!

    如何TypeScript函数传入参数个数和调用个数一致u6B办公区 - 实用经验教程分享!

  • 3

    第三步,再次调用上述函数,不过这次传入三个参数100、200和300,如下图所示:u6B办公区 - 实用经验教程分享!

    如何TypeScript函数传入参数个数和调用个数一致u6B办公区 - 实用经验教程分享!

  • 4

    第四步,调用函数buildData,这次传入的参数个数比定义时少一个,如下图所示:u6B办公区 - 实用经验教程分享!

    如何TypeScript函数传入参数个数和调用个数一致u6B办公区 - 实用经验教程分享!

  • 5

    第五步,保存代码并使用TypeScript命令编译,结果出现编译错误,一个是多一个参数,另一个是少一个参数,如下图所示:u6B办公区 - 实用经验教程分享!

    如何TypeScript函数传入参数个数和调用个数一致u6B办公区 - 实用经验教程分享!

  • 6

    第六步,不过在同一目录下,还是生成了同名的JavaScript文件,说明还是编译通过了,如下图所示:u6B办公区 - 实用经验教程分享!

    如何TypeScript函数传入参数个数和调用个数一致u6B办公区 - 实用经验教程分享!

  • 注意事项

    • 注意TypeScript中的函数定义参数和调用传入参数的个数和类型需要保持一致
    • 注意JavaScript函数传值和TypeScript函数传值的区别

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


    标签: 函数JAVASCRIPT

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