【005】ts学习笔记【函数扩展】-Toy模板网

这篇具有很好参考价值的文章主要介绍了【005】ts学习笔记【函数扩展】。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

函数扩展

参数类型

//注意，参数不能多传，也不能少传 必须按照约定的类型来
const fn = (name: string , age : number ) : string => {
    return name + age
}

let desc = fn( "张三", 18)
console.log(desc)

可选参数与默认值

//可选的参数 和 默认参数
const fn_002 = (name: string = "tom" , age? : number ) : string => {
    return name + age
}

let desc_002 = fn_002( )
console.log(desc_002)

接口定义函数

interface Add {
    //定义参数 num 和 num2  ：后面定义返回值的类型
    ( num : number , num2 : number ) : number
}

const fn_add : Add = (num : number , num2 : number ) : number =>{
    return num + num2 
}
fn_add( 5 , 5)

interface User {
    name : string,
    age ?: number 
}
function getUserInfo(user : User) : User {
    return user
}
let u001 = getUserInfo({
    name : "五十" ,
    age : 18
})
console.log(u001)

定义剩余参数

const fn_003 = (array : number[] , ...items : any[] ) : any[] =>{
    console.log( "剩余参数", items )
    return items
}
let num_list : number[] = [1,2,3]
fn_003( num_list, 4 , 5 , 6 )