TypeScript函数命名声明和形参

//ts函数声明命名函数
function add(a:number, b:number):number{
    return a+b;
}

console.log(add(1,2))


//函数表达式 匿名函数
let add2 = function(a:number,b:number):number{
    return a+b;
}

console.log(add2(1,2))

//函数表达式 匿名函数完整写法
//(a:number,b:number) =>number 这是函数类型
let add3:(a:number,b:number) =>number = function(a:number,b:number):number{
    return a+b;
}

console.log(add3(1,2))

//函数参数  可选参数  必选参数  默认参数
//?表示可选参数, 位于必选参数后, 默认参数可以设置默认值
let getName = function(x:string, y?:string, z:string='你好') :string{
    return x+y+z
}
console.log(getName('李四'))
console.log(getName('张三'))
console.log(getName('张','三'))


//剩余参数
function fn(x:string, y:string, ...args:number[]){
    console.log(x,y,args);
}

fn('张三','你好',1,2,3,4);

//函数重载:函数名相同, 形参不同的多个函数
//数字 相加 字符串拼接 联合类型参数:string|number
//函数重载声明, 可以使用重载定义多个名字相同的函数类型
function newAdd(x:string, y:string): string
function newAdd(x:number, y:number): number
function newAdd(x:string, y:number): string
//函数重载实现
function newAdd(x:string|number, y:string|number): string|number{
    if(typeof x == 'string' && typeof y == 'string'){
        return x+y;
    }else if(typeof x == 'number' && typeof y == 'number'){
        return x+y;
    }else{
        return ''
    }
    
}

console.log(newAdd(1,2));
console.log(newAdd('张三','你好'));
console.log(newAdd('张三',20));

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值