typescript的重載

重載允許一個函數接受不同數量或類型的參數時，作出不同的處理。

比如，我們需要實現一個函數 reverse，輸入數字 123 的時候，輸出反轉的數字 321，輸入字符串 'hello' 的時候，輸出反轉的字符串 'olleh'。

利用聯合類型，我們可以這么實現：

function reverse(x: number | string): number | string {
    if (typeof x === 'number') {
        return Number(x.toString().split('').reverse().join(''));
    } else if (typeof x === 'string') {
        return x.split('').reverse().join('');
    }
}

然而這樣有一個缺點，就是不能夠精確的表達，輸入為數字的時候，輸出也應該為數字，輸入為字符串的時候，輸出也應該為字符串。

這時，我們可以使用重載定義多個 reverse 的函數類型：

function reverse(x: number): number;
function reverse(x: string): string;
function reverse(x: number | string): number | string {
    if (typeof x === 'number') {
        return Number(x.toString().split('').reverse().join(''));
    } else if (typeof x === 'string') {
        return x.split('').reverse().join('');
    }
}

上例中，我們重復定義了多次函數 reverse，前幾次都是函數定義，最后一次是函數實現。在編輯器的代碼提示中，可以正確的看到前兩個提示。

注意，TypeScript 會優先從最前面的函數定義開始匹配，所以多個函數定義如果有包含關系，需要優先把精確的定義寫在前面。

轉自：https://ts.xcatliu.com/basics/type-of-function