首页 > 软件开发 > JavaScript >

如何在TypeScript定义函数使用多种方式进行声明

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

在JavaScript中,可以使用常规方式定义函数,使用关键字function;也可以使用匿名函数定义。相应的,在TypeScript中也有几种定义函数的方式。下面利用实例说明,操作如下:0g9办公区 - 实用经验教程分享!

如何在TypeScript定义函数使用多种方式进行声明0g9办公区 - 实用经验教程分享!

工具/原料

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

方法/步骤

  • 1

    第一步,创建一个TypeScript文件,定义函数sumNum,传入三个数值类型参数a、b和c,返回值为这三个参数的和,如下图所示:0g9办公区 - 实用经验教程分享!

    如何在TypeScript定义函数使用多种方式进行声明0g9办公区 - 实用经验教程分享!

  • 2

    第二步,再使用同样的方法,定义一个函数然后赋值给变量sn,如下图所示:0g9办公区 - 实用经验教程分享!

    如何在TypeScript定义函数使用多种方式进行声明0g9办公区 - 实用经验教程分享!

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

    第三步,除了使用第一步和第二步中的方法外,还可以使用箭头函数,如下图所示:0g9办公区 - 实用经验教程分享!

    如何在TypeScript定义函数使用多种方式进行声明0g9办公区 - 实用经验教程分享!

  • 4

    第四步,分别调用函数sumNum、函数sn和函数sun,赋值给r1、r2和r3,如下图所示:0g9办公区 - 实用经验教程分享!

    如何在TypeScript定义函数使用多种方式进行声明0g9办公区 - 实用经验教程分享!

  • 5

    第五步,接着使用console.log()方法打印第四步中的几个变量值,如下图所示:0g9办公区 - 实用经验教程分享!

    如何在TypeScript定义函数使用多种方式进行声明0g9办公区 - 实用经验教程分享!

  • 6

    第六步,使用TypeScript命令进行编译,生成对应的JS文件,查看代码,如下图所示:0g9办公区 - 实用经验教程分享!

    如何在TypeScript定义函数使用多种方式进行声明0g9办公区 - 实用经验教程分享!

  • 注意事项

    • 注意TypeScript中定义函数的几种方式
    • 注意常规函数和匿名函数的区别

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


    标签: JAVASCRIPT函数

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