TypeScript--函数

为什么要用函数

有很多功能是相似的,保证代码的复用和可读性维护性封装成一个代码块：可以集合为一个工具包

[注意]

1. 声明（定义）函数必须加 function 关键字；
2. 函数名与变量名一样，命名规则按照标识符规则；
3. 函数参数可有可无，多个参数之间用逗号隔开；
4. 每个参数参数由名字与类型组成，之间用分号隔开；
5. 函数的返回值可有可无，没有时，返回类型为 void；
6. 大括号中是函数体。

function searchXZ(age:number):string{
    return '找到了' + age + '小可爱'
}
var age:number = 19
var Jg:string =  searchXZ(age)
console.log(Jg)

形参和实参

不需要多讲了吧，

• 函数定义的时候，参数：形参
• 函数被调用的时候的参数：实参
• 注意，实参与形参类型一致

TypeScript语言中的函数参数

函数的形参分为：可选形参、默认形参、剩余参数形参等。

有可选参数的函数

定义形参的时候,可传，可不传用 ? 来标识

function searchXiaoJieJie2(age:number,stature?:string):string{
    let yy:string = ''
    yy = '找到了'+age+'岁'
    if(stature !=undefined){
        yy = yy + stature
    }
    return yy+'的小可爱'
}
var result:string  =  searchXiaoJieJie2(22,'大长腿')
console.log(result)

默认参数

有默认参数就更好理解了，就是我们不传递的时候，他会给我们一个默认值，而不是undefined了

function searchXiaoJieJie2(age:number=18,stature:string='大胸'):string{
    let yy:string = ''
    yy = '找到了'+age+'岁'
    if(stature !=undefined){
        yy = yy + stature
    }
    return yy+'的小可爱'
}
var result:string  =  searchXiaoJieJie2()
console.log(result)

有剩余参数的函数

有时候我们有这样的需求，我传递给函数的参数个数不确定。例如：我找小可爱的时候有很多要求，个人眼光比较挑剔。这时候你不能限制我，我要随心所欲。

说的技术点，剩余参数就是形参是一个数组，传递几个实参过来都可以直接存在形参的数组中。

function searchXiaoJieJie3(...xuqiu:string[]):string{
    let  yy:string = '找到了'
    for (let i =0;i<xuqiu.length;i++){
        yy = yy + xuqiu[i]
        if(i<xuqiu.length){
            yy=yy+'、'
        }
    }
    yy=yy+'的小可爱'
    return yy
}
var result:string  =  searchXiaoJieJie3('22岁','大长腿','瓜子脸','水蛇腰')
console.log(result)