TS函数与类

TS函数

1.1函数的基本使用

函数分为匿名函数，命名函数(有名函数、普通函数)，箭头函数，接口函数（函数起别名）

1.1.1 匿名函数

简单来说就是没有定义名字的，可以节省内存中变量定义空间

const myFun=function(a:string,b:string):string{
    return b
}
let result=myFun("张三","李四")
console.log(result)
​

1.1.2 有名函数 |命名函数 | 普通函数

顾名思义就是有名字的函数，可以通过函数名调用

function myFun_1(hour:number,sell:number):void{
    console.log(`我一天学习${hour}小时`)
}
myFun_1(8,1)

1.1.3 箭头函数

const myFun_2=(set:string):void=>{
console.log(set)
}

函数体就一行可以简写

const myFun_2=(set:string):void=>console.log(set)
​
    myFun_2("今天又是美好的一天")
​

1.1.4 接口函数 (给函数起别名)

 type Mfun=(x:number,y:number)=>number
    let myFun_3:Mfun=(c:number,d:number)=>c+d+200
    const re=myFun_3(1,9)
    console.log(re)

1.2 函数参数的处理

分为：可选参数、参数的默认值、 函数的剩余参数

1.2.1 可选参数

与可选属性一样加上一个(?)问号

const fun:(x:number,y?:number)=>number=(a:number,b?:number)=>{
    return a
}
console.log(fun(200))
const fun_2=function(x:number,y?:number):number{
    return x
}

1.2.2 参数的默认值

参数的默认值就是如果不给它传递参数就会按照默认值来，如果传递了就按照传递的进行

const fun_3=function(x:number=100,y:number=500,z:number=400){
    console.log(x+y+z)
}
fun_3(100,200,300)
fun_3(100,200)
fun_3()

1.2.3 函数的剩余参数

剩余参数使用扩展运算符三个点(...)

const fun_4=function(...args:any[]){
    console.log(args)
}
fun_4(4,5,3,4,"zahns","李四")
​
con