学习篇-TypeScript-函数定义

一、TypeScript-函数定义

普通定义:

  • 方式一:
    function hello() {}
    
  • 方式二:
    const hello = function() {}
    
  • 方式三:
    const hello = () => {}
    

高级定义:

  • 方式一:

    const func = (str: string): number => {
      return parseInt(str, 10);
    }
    
  • 方式二:

    const func: (str: string) => number = (str) => {
      return parseInt(str, 10);
    }
    
二、TypeScript-函数类型
  • 添加函数返回类型,约束方法的放回类型
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oJD3poL1-1590393689415)(../../TypeScript-imgs/image-function-1.png)]

  • 即使是无返回应该使用void,否则本来应该是无返回,结果却是有返回,代码上也不会编译错误。
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Q2rKsnME-1590393689418)(../../TypeScript-imgs/ts-function-2.png)]

  • never类型的返回值

    • 表示这个函数永远不会被执行完 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UCWHu4hU-1590393689421)(/Users/yangdong/前端学习/TypeScript/TypeScript-imgs/ts-function-3.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JfVWDVUJ-1590393689424)(/Users/yangdong/前端学习/TypeScript/TypeScript-imgs/ts-function-4.png)]
  • 定义传参对象类型
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aG7GMqJx-1590393689427)(/Users/yangdong/前端学习/TypeScript/TypeScript-imgs/ts-function-5.png)]
    下一篇:学习篇-TypeScript-数组

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值