TS第四讲 ------ 函数

1、函数的基本写法

// js中函数的书写方式
// 函数声明
function add(x,y){
    return x + y
}

// js中的函数表达式
const add2 = function(x,y){
    return x + y
}

// ts中函数的书写方式
    // 函数声明
    function add3(x:string,y:string):string{
    return x + y
}

// ts中的函数表达式
const add4 = function(x:number,y:number):number{
    return x + y
}

// 函数完整写法
// add5:(x:number,y:number) =>number    当前函数的类型
// function (x:number,y:number):number{  return x + y  } 相当于符合上面的这个函数类型的值
const add5:(x:number,y:number) =>number = function (x:number,y:number):number{
    return x + y
}
console.log(add5(10,100))
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

2、默认参数与可选参数 ---- ?

• 可选参数：? 表示该参数可传可不传
• 默认参数： =

function getFullName(firstName:string='东方',lastName?:string):string{
    if(lastName){
        return firstName + '_' + lastName
    }else {
        return firstName
    }
}

console.log(getFullName())
console.log(getFullName('诸葛'))
console.log(getFullName('诸葛','孔明'))
1
2
3
4
5
6
7
8
9
10
11

3、剩余参数(rest参数)：其放在所有参数的最后

...args:string[] -----》剩余的参数，放在了一个字符串的数组中

function showMsg(str:string,...args:string[]):void{
   console.log(str)
   console.log(args)  
 }

showMsg('a','b','c','d')
1
2
3
4
5
6