03. 声明函数

2023-09-25 20:53:11发布
73

先来看下js中的声明函数

function add(n1, n2) {
    return n1 + n2;
}
console.log(add(1,2))

上面的函数在ts中,是这样声明的 :

function add(n1:number, n2:number):number {
    return n1 + n2;
}
console.log(add(1,2))

首先参数n1和n2的类型设置成number,然后这里的

function add(n1:number, n2:number):number {

指的是这个函数的返回值类型是number,如果没有返回值类型,则写void(注意这里的返回值number是可以省略不写的,因为ts是会进行类型推导)


可选参数

类似es6的可选参数

function add(n1:number, n2?:number):void {
    console.log(n1)
    console.log(n2)
}
add(100,200)

参数n2旁边用一个?来代表n2是一个可选参数。可有可无


剩余参数

使用...代表任意个参数,传进来的参数会保存到一个数组中。如 :

function add(num1:number, ...num2:number[]):void {
    console.log(num1) // 1
    console.log(num2) // [2,3,4,5,6]
}
add(1,2,3,4,5,6)