TypeScript函数类型

声明式类型函数

通过如下代码我们实现了一个返回值为number类型的方法,同时我们也对返回值和参数进行了约束

function funcType(name:string,age:number):number{
    return age;
}

var ageNum:number=funcType("张三",18)

如果说在我们参数不确定的情况下我们可以通过如下代码进行创建

function funcType1(name:string,age:number,sex?:string):number
{
    return age;
}

var ageNum1:number=funcType1("张三",18,"男")
var ageNum2:number=funcType1("张三",18)

对方法进行添加默认值

function funcType2(name:string="张三",age:number=18):number{
    return age;
}

表达式类型函数

var funcType3=function(name:string,age:number):number
{
    return age;
}

如上代码片段是我们之前创建的函数

那么我们还可以对变量进行约束

var funcType4:(name:string,age:number)=>number=function(name:string,age:number):number
{
    return age;
}

下面我们也可以使用接口的形式进行约束

interface funcType5{
    (name:string,age:number):number
}
var funcType6:funcType5=function(name:string,age:number):number{
    return age;
}

联合类型重载

通过如下代码我们可以实现一个联合类型函数,当然这可以采用重载的方式
当我们的参数是number类型时我们的返回值是number类型,当我们的参数是string类型时我们的返回值是string类型,这一块具体在我们实际业务中可以根据实际需求进行相应修改

function getVal(val:number):number;
function getVal(val:string):string;
function getVal(val:string|number):number|string{
    return val;
}
let a=getVal(1)
let a1=getVal("1")
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值