TypeScript中的函數(shù)重載示例分析
簡介
引用維基百科對函數(shù)重載的定義
函數(shù)重載（英語：function overloading）或方法重載，是某些編程語言（如 C++、C#、Java、Swift、Kotlin 等）具有的一項特性，該特性允許創(chuàng)建多個具有不同實現(xiàn)的同名函數(shù)。對重載函數(shù)的調(diào)用會運行其適用于調(diào)用上下文的具體實現(xiàn)，即允許一個函數(shù)調(diào)用根據(jù)上下文執(zhí)行不同的任務。
TypeScript中的重載
與上述對函數(shù)重載的定義在形式上有略微的不同，TypeScript中的函數(shù)重載只會有一個函數(shù)實現(xiàn)，但會有多個函數(shù)聲明。我認為這得益于TypeScript的類型系統(tǒng)，可以通過內(nèi)聯(lián)類型任意組裝類型，達到定義一個函數(shù)能夠接收不同類型的參數(shù)和返回不同的值的效果，而不是通過多次定義函數(shù)來解決參數(shù)類型和返回值類型的問題。
下面拿C++代碼和TypeScript代碼對比下差異。
// C++
string add(string x, string y) {
return x + ',' + y
}
int add(int x, int y) {
return x + y
}可以發(fā)現(xiàn)C++代碼使用函數(shù)重載是通過多次定義的方式來實現(xiàn)的，每次定義函數(shù)的參數(shù)類型或者是返回值類型都不盡相同，每種定義會根據(jù)傳參類型和返回值類型來進行匹配，匹配上的函數(shù)定義將會被執(zhí)行
// TypeScript
// 聲明
function add(x: string, y: string): string;
function add(x: number, y: number): number;
// 實現(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是利用一個函數(shù)實現(xiàn)來實現(xiàn)對add函數(shù)的重載，函數(shù)實現(xiàn)對聲明的兩種情況做了類型兼容，然后在實現(xiàn)里邊分別處理各種情況，針對每種情況做單獨的處理，這就是TypeScript中函數(shù)重載的使用.
如果我們需要重載的函數(shù)過多，那么需要支持的參數(shù)類型和函數(shù)返回值類型都會變得復雜，對每個類型的去兼容比較費力，比較省力的辦法可以使用any限定參數(shù)類型和返回類型，內(nèi)部的實現(xiàn)依舊不變
// 聲明
function add(x: string, y: string): string;
function add(x?: number, y?: number): number;
// 實現(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ù)重載示例分析的詳細內(nèi)容，更多關于TypeScript函數(shù)重載的資料請關注腳本之家其它相關文章！
- 使用?TypeScript?開發(fā)?React?函數(shù)式組件
- TypeScript?泛型重載函數(shù)的使用方式
- TypeScript防抖節(jié)流函數(shù)示例詳解
- TypeScript函數(shù)和類型斷言實例詳解
- Typescript 實現(xiàn)函數(shù)重載的方式
- Typescript 函數(shù)重載的實現(xiàn)
- TypeScript中的函數(shù)
- Typescript中函數(shù)類型及示例詳解
- TypeScript使用函數(shù)重載確定返回類型的實現(xiàn)方法
- 如何在TypeScript中使用函數(shù)
- TypeScript中使用回調(diào)函數(shù)的實現(xiàn)
相關文章
這篇文章主要為大家介紹了Rollup 簡易入門示例教程，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要為大家介紹了基于tsup打包TypeScript實現(xiàn)過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
這篇文章主要為大家介紹了TypeScript逆變之條件推斷和泛型的應用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
這篇文章主要為大家介紹了TypeScript中的聯(lián)合類型使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
TypeScript類型any never void和unknown使用場景區(qū)別
這篇文章主要為大家介紹了TypeScript類型any never void和unknown使用場景區(qū)別，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
這篇文章主要為大家介紹了Three.js?粗糙度貼圖與金屬度貼圖使用介紹，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
這篇文章主要為大家介紹了TypeScript交叉運算的算法示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
PureScript與JavaScript中equality設計的使用對比分析
這篇文章主要為大家介紹了PureScript中的equality與JavaScript中的equality設計對比分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
TypeScript數(shù)據(jù)結構鏈表結構?LinkedList教程及面試
這篇文章主要為大家介紹了TypeScript數(shù)據(jù)結構鏈表結構?LinkedList教程及面試，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
postman數(shù)據(jù)加解密實現(xiàn)APP登入接口模擬請求
對于Postman的使用，一般情況下只要發(fā)發(fā)確定的請求與參數(shù)就可以的了,然而，在使用的時候，尤其是接口測試時，請求接口的設計里面都有數(shù)據(jù)加密，參數(shù)驗簽，返回數(shù)據(jù)也有進行加密的，這個時候就需要使用一些腳本做處理，模擬app登入請求的操作2021-08-08