TypeScript中的函数详解

1、写法

• 声明式

function getInfo(name: string, age: number) : string {
    return `I am ${name} and I am ${age} years old`
}
复制代码

ts在传参时都会规定参数的类型，还有它返回值的类型也会在函数执行以前都已经规定好，若是传参的类型和返回值的类型不符合，ts编译会报错

• 匿名函数

const getInfo = (name: string, age: number):string => {
     return `I am ${name} and I am ${age} years old`
}
复制代码

2、ts中的参数

• 默认参数

funciton getInfo(name:string = 'Leon', age:number) : string {
    return `I am ${name} and I am ${age} years old`
}
复制代码

这跟es6的用法同样，name不传或者为空时，name就会取默认值Leon

• 剩余参数

function sum(...result:number[]):number{
    return result.reduce((accumulator, currentValue) => accumulator + currentValue)
}
复制代码

• 可选参数

function getInfo(name:string ='Leon',age?:number) {
    return `hi ${name}`
}
复制代码

es5里面方法的实参和形参能够不同，可是ts中必须同样，若是不同就须要配置可选参数。==可选参数要配置到全部参数的最后面==

3、ts中的返回值

• 没有返回值的函数

function getInfo(name:string, age:number):void{
    console.log(`hello${name}`)
}
复制代码

当函数不须要return出来东西时，咱们认为这个函数的返回类型为void(空)

• 推断类型（ts自动识别类型（按上下文归类））

不加返回类型的时候

function add(x: number, y: number) {
    return x + y
}
//ts会自动识别出返回类型为number
复制代码

4、函数调用

ts的函数调用和普通的函数没有区别，能够在函数名后面加括号调用，也能够用call,apply,bind来调用