TypeScript 函數重載（Overload）

TypeScript 的重載（overload）功能使開發者能夠在同一個函式中定義多組不同的參數，並對每組參數提供獨特的邏輯。此技術不僅減少了重複程式碼，還提升了函式的靈活性和可讀性。

函數重載的基本概念

在 TypeScript 中，重載的基本概念是定義多個同名函式，每個函式具有不同的參數組合。例如，假設我們想要創建一個名為 add 的函式，它可以接受兩個數字或兩個字串並進行相應的操作。

以下是使用 TypeScript 重載的範例：

function add(a: number, b: string): number;
function add(a: string, b: string): string;
function add(a: any, b: any): any {
    if (typeof a === 'number' && typeof b === 'string') {
        return a + parseInt(b);
    } else if (typeof a === 'string' && typeof b === 'string') {
        return a + b;
    }
}

在此範例中，我們首先定義了兩個重載簽名，然後實現了函式的具體邏輯。這樣，根據傳入的參數類型，函式可以返回相應的結果。

實作範例

讓我們進一步探討如何使用函數重載來解決常見的開發需求。假設我們想要實現一個函式，它可以根據不同的輸入類型進行計算：

function calculate(a: number, b: number): number;
function calculate(a: string, b: string): string;
function calculate(a: any, b: any): any {
    if (typeof a === 'number' && typeof b === 'number') {
        return a + b; // 返回數字相加的結果
    } else if (typeof a === 'string' && typeof b === 'string') {
        return a.concat(b); // 返回字串相連的結果
    }
}

這個函式不僅具備良好的可讀性，還能夠根據參數的類型進行適當的處理。

錯誤排除與最佳實踐

在使用 TypeScript 重載時，開發者應注意以下幾點：
– 確保重載簽名與實現函式的參數類型一致。
– 使用 `any` 類型來實現通用的函式，但應謹慎使用，以免失去型別安全的優勢。
– 為每個重載簽名提供清晰的註解，便於團隊成員理解。

延伸應用

TypeScript 的重載功能不僅適用於簡單的數字和字串操作，還可以擴展到更複雜的結構，例如對象和陣列，讓開發者能夠創建更強大和靈活的 API。

Q&A（常見問題解答）

Q1: TypeScript 的函數重載有什麼優勢？

A1: 函數重載讓開發者能夠為同一函式定義多種使用方式，增強了程式的可讀性和可維護性，並降低了重複程式碼的風險。

Q2: 如何知道何時使用函數重載？

A2: 當一個函式需要處理多種不同類型的參數時，使用函數重載是個不錯的選擇，這可以讓函式更具通用性。

Q3: TypeScript 重載是否影響程式效能？

A3: 一般來說，使用重載不會對效能造成顯著影響，但應注意函式實現的邏輯是否高效。

—