TypeScript从入门到精通系列02(函数)

  • 函数的定义
  • 可选参数
//js中方法的实参和行参可以不一样,但是ts中必须一样,如果不一样就需要配置可选参数 ,可选参数必须配置到参数的最后面。
 function getItem(name:string,age?:number):string{
     if(age){
          return `${age}`;
      }else{
           return `保密`;
      }
 }
  • 默认参数
//es5不能设置默认参数,es6和ts中可以设置默认参数。
 function getItem(name:string,age:number = 18):string{
     if(age){
          return `${age}`;
      }else{
           return `保密`;
      }
 }
  • 剩余参数
function getSum(...result:number[]):number{
      let sum=0;
      for(var i=0;i<result.length;i++){
            sum+=result[i];  
       }
    return sum;
    }
sum(1,2,3,4,5,6);
  • 函数重载
// java中方法的重载:重载指的是两个或者两个以上同名函数,但它们的参数不一样,这时会出现函数重载的情况。
// typescript中的重载:通过为同一个函数提供多个函数类型定义来试下多种功能的目的。
//ts为了兼容es5 以及 es6 重载的写法和java中有区别。

//es5中出现同名方法,下面的会替换上面的方法 
function css(config){  }
function css(config,value){ }
//ts中的重载
 function getInfo(name:string):string;
 function getInfo(name:string,age:number):string;
 function getInfo(name:any,age?:any):any{
      if(age){
           return '我叫:'+name+'我的年龄是'+age;
       }else{
           return '我叫:'+name;
       }
 }
 alert(getInfo('zhangsan'));  /*正确*/
 alert(getInfo(123));  //错误
 alert(getInfo('zhangsan',20));/*正确*/
           
       
  • 箭头函数 es6
setTimeout(()=>{
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值