TypeScript 重載(overload) 介紹

TypeScript 是一種 JavaScript 的超集，它提供了類型系統和 ES6 的特性，使開發者可以更輕鬆地開發出更健壯的程式碼。其中一個重要的特性就是 TypeScript 重載(overload)，它可以讓開發者在同一個函式中定義多個不同的參數和回傳值，讓程式碼更加簡潔易讀。

TypeScript 重載的基本概念

TypeScript 重載(overload)是一種函式定義的技術，它可以讓開發者在同一個函式中定義多個不同的參數和回傳值，讓程式碼更加簡潔易讀。

舉個例子，假設我們有一個函式叫做 add()，它可以接受兩個參數，並且回傳兩個參數的和：

function add(a: number, b: number): number {
    return a + b;
}

但是，如果我們想要讓 add() 函式可以接受不同類型的參數，例如字串、數字、布林值等，我們可以使用 TypeScript 重載(overload)來定義多個不同的函式簽名：

function add(a: string, b: string): string;
function add(a: number, b: number): number;
function add(a: boolean, b: boolean): boolean;

function add(a: any, b: any): any {
    return a + b;
}

這樣一來，當我們呼叫 add() 函式時，TypeScript 會根據我們傳入的參數類型來決定要使用哪個函式簽名：

add('Hello', 'World'); // 回傳 'HelloWorld'
add(1, 2); // 回傳 3
add(true, false); // 回傳 false

TypeScript 重載的優點

TypeScript 重載(overload)可以讓開發者在同一個函式中定義多個不同的參數和回傳值，讓程式碼更加簡潔易讀，並且可以減少重複的程式碼。

此外，TypeScript 重載(overload)還可以讓開發者更容易地撰寫出更健壯的程式碼，因為它可以讓開發者在定義函式時就可以檢查參數的類型，以確保程式碼的正確性。

總結

TypeScript 重載(overload)是一種函式定義的技術，它可以讓開發者在同一個函式中定義多個不同的參數和回傳值，讓程式碼更加簡潔易讀，並且可以減少重複的程式碼。它可以讓開發者更容易地撰寫出更健壯的程式碼，因為它可以讓開發者在定義函式時就可以檢查參數的類型，以確保程式碼的正確性。