簡(jiǎn)介

引用維基百科對(duì)函數(shù)重載的定義

函數(shù)重載（英語(yǔ)：function overloading）或方法重載，是某些編程語(yǔ)言（如 C++、C#、Java、Swift、Kotlin 等）具有的一項(xiàng)特性，該特性允許創(chuàng)建多個(gè)具有不同實(shí)現(xiàn)的同名函數(shù)。對(duì)重載函數(shù)的調(diào)用會(huì)運(yùn)行其適用于調(diào)用上下文的具體實(shí)現(xiàn)，即允許一個(gè)函數(shù)調(diào)用根據(jù)上下文執(zhí)行不同的任務(wù)。

TypeScript中的重載

與上述對(duì)函數(shù)重載的定義在形式上有略微的不同，TypeScript中的函數(shù)重載只會(huì)有一個(gè)函數(shù)實(shí)現(xiàn)，但會(huì)有多個(gè)函數(shù)聲明。我認(rèn)為這得益于TypeScript的類型系統(tǒng)，可以通過(guò)內(nèi)聯(lián)類型任意組裝類型，達(dá)到定義一個(gè)函數(shù)能夠接收不同類型的參數(shù)和返回不同的值的效果，而不是通過(guò)多次定義函數(shù)來(lái)解決參數(shù)類型和返回值類型的問(wèn)題。
下面拿C++代碼和TypeScript代碼對(duì)比下差異。

// C++
string add(string x, string y) {
    return x + ',' + y
}
int add(int x, int y) {
    return x + y
}

可以發(fā)現(xiàn)C++代碼使用函數(shù)重載是通過(guò)多次定義的方式來(lái)實(shí)現(xiàn)的，每次定義函數(shù)的參數(shù)類型或者是返回值類型都不盡相同，每種定義會(huì)根據(jù)傳參類型和返回值類型來(lái)進(jìn)行匹配，匹配上的函數(shù)定義將會(huì)被執(zhí)行

// TypeScript
// 聲明
function add(x: string, y: string): string;
function add(x: number, y: number): number;
// 實(shí)現(xiàn)
function add(x: string | number, y: string | number): string | number {
  if (typeof x === "string" && typeof y === "string") {
    return x + ',' + y
  } else {
    return x + y
  }
}

而TypeScript是利用一個(gè)函數(shù)實(shí)現(xiàn)來(lái)實(shí)現(xiàn)對(duì)add函數(shù)的重載，函數(shù)實(shí)現(xiàn)對(duì)聲明的兩種情況做了類型兼容，然后在實(shí)現(xiàn)里邊分別處理各種情況，針對(duì)每種情況做單獨(dú)的處理，這就是TypeScript中函數(shù)重載的使用.

如果我們需要重載的函數(shù)過(guò)多，那么需要支持的參數(shù)類型和函數(shù)返回值類型都會(huì)變得復(fù)雜，對(duì)每個(gè)類型的去兼容比較費(fèi)力，比較省力的辦法可以使用any限定參數(shù)類型和返回類型，內(nèi)部的實(shí)現(xiàn)依舊不變

// 聲明
function add(x: string, y: string): string;
function add(x?: number, y?: number): number;
// 實(shí)現(xiàn)
function add(x: any, y: any): any {
  if (typeof x === "string" && typeof y === "string") {
    return `${x},${y}`
  } else {
    return x + y
  }
}

以上就是TypeScript中的函數(shù)重載示例分析的詳細(xì)內(nèi)容，更多關(guān)于TypeScript函數(shù)重載的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論