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來呼叫