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來調用