携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第22天,点击查看活动详情
上一篇关于TS的文章中,我们介绍了一下TS的原始类型,数组类型以及类型别名,接下来将会介绍一下TS的函数类型以及对象类型
- TS常用类型之函数类型
函数的类型实际上指的是:函数的参数和返回值的类型。
为函数指定类型的两种方式:
- 单独指定参数,返回值的类型
- 同时指定参数,返回值的类型
两种类型的介绍:
- 单独指定参数,返回值的类型的代码实例:
function add(num1:number, num2:number):number{
return num1 + num2
}
const add = (num1:number,num2:number):number=>{
return num1 + num2
}
- 同时指定参数,返回值的类型的代码示例:
const add:(num1:number,num2:number)=>number = (num1,num2)=>{
return num1+num2
}
解释:当函数作为表达式的时候,可以通过类似箭头函数的形式的语法来为函数添加类型 注意:这种形式只适用于函数表达式
- 如果函数没有返回值,那么,函数返回值的类型就是void,代码示例如下:
function greet(name:string):void{
console.log('Hello',name)
}
- 当我们使用某个函数实现某个功能的时候,参数可以传也可以不传。这种情况下,在给函数参数指定类型的时候,我们就可以用到可选参数了。比如说,数组的slice方法,可以slice()也可以slice(1)还可以slice(1,3).代码示例如下:
function mySlice(start?:number,end?:number):void{
console.log('起始索引:',start,'结束索引:',end)
}
可选参数的写法:我们在使用可选参数的时候,需要在可传可不传的参数名称的后面,冒号的前面添加?(问号)。 注意: 可选参数只能出现在参数列表的最后,也就是说可选参数后面不能再出现必选参数。