TypeScript中的函数详解

javascript/jquery

浏览数:106

2019-8-21

AD:资源代下载服务

一、写法

  • 声明式
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来调用

作者:大拧巴