TypeScript中的函数详解

一、写法

• 声明式

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`
}
复制代码

二、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中必须一样，如果不一样就需要配置可选参数。==可选参数要配置到所有参数的最后面==

三、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
复制代码

四、函数调用

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

转载于:https://juejin.im/post/5d08b3c3f265da1b855c5878