typescript function

本文深入探讨了TypeScript中的函数定义,包括普通函数、匿名函数、带参数的方法、可选参数、默认参数以及剩余参数的用法。同时,介绍了函数重载的概念,展示了如何在TypeScript中实现多重功能。示例代码详细解释了各种函数特性的应用。
摘要由CSDN通过智能技术生成
//1、定义函数方法
  function runs():string{
    return 'abc'
  }
  //匿名函数
  var fun2=function():number{
    return 123
  }
  console.log(fun2) //123

//2、定义方法传参
  function getMsg(name:string,age:number):string{
    return `${name}---${age}`
  }
  console.log(getMsg('kk',18))

  //方法可选参数
   function getMsg2(name:string,age?:number):string {
     return age?`${name}---${age}` : `${name}年龄保密`
   }
   console.log(getMsg2('kk',18))
   console.log(getMsg2('yy'))
   //tips:可选参数必须是最后一个哦

   //默认参数
   function getMsg3(name:string,age:number=20):string {
      return `${name}---${age}`
    }
    console.log(getMsg3('GG'))
    console.log(getMsg3('hello',60))
   
    //剩余参数
    function getSum(...result:number[]):number {
      var sum=0;
      for(var i=0;i<result.length;i++) {
        sum+=result[i]
      }
      return sum
    }
    console.log(getSum(1,2,3))

    function getSum2(a:number,...result:number[]):number {
      var sum=a;
      for(var i=0;i<result.length;i++) {
        sum+=result[i]
      }
      return sum
    }
    console.log(getSum2(1,2,3)) //a就是1

//3、函数重载
//通过为同一个函数提供多个函数类型定义来实现多种功能的目的
//es5中同名方法会替换
//ts会重载
    function getInfo(name:string):string;
    function getInfo(age:number):number;
    function getInfo(str:any):any{
      return typeof(str) === 'string' ? `名字${str}` : `年龄${str}`
    }
    console.log(getInfo('张胜男'),getInfo(40))
    // console.log(getInfo(true)) //错误写法

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值