了解TypeScript中的默認參數功能

了解TypeScript中的默認參數功能

TypeScript 默認參數(default parameter)

TypeScript 支援默認參數(default parameter),可以在宣告函式時,將參數設定為預設值,當呼叫函式時,如果沒有傳入參數,就會使用預設值。

默認參數的語法如下:

function myFunction(param1 = defaultValue1, param2 = defaultValue2) {
    // 函式內容
}

在上面的範例中,param1param2 都有預設值,如果呼叫函式時沒有傳入參數,就會使用預設值。

默認參數可以讓我們在宣告函式時,將參數設定為預設值,而不需要在函式內部檢查參數是否有傳入,以及如果沒有傳入,要設定為什麼值,這樣可以減少程式碼的複雜度。

舉個例子,假設我們有一個函式,可以計算兩個數字的加總,如果沒有傳入第二個參數,就預設為 0:

function add(a, b = 0) {
    return a + b;
}

console.log(add(1)); // 輸出 1
console.log(add(1, 2)); // 輸出 3

在上面的範例中,我們將第二個參數設定為預設值 0,如果呼叫函式時沒有傳入第二個參數,就會使用預設值 0。

另外,默認參數也可以是函式,例如:

function add(a, b = () => 0) {
    return a + b();
}

console.log(add(1)); // 輸出 1
console.log(add(1, () => 2)); // 輸出 3

在上面的範例中,我們將第二個參數設定為一個函式,如果呼叫函式時沒有傳入第二個參數,就會使用預設值函式,並且執行函式,取得函式的回傳值。

總結,TypeScript 支援默認參數(default parameter),可以在宣告函式時,將參數設定為預設值,當呼叫函式時,如果沒有傳入參數,就會使用預設值,可以減少程式碼的複雜度。

推薦閱讀文章

推薦閱讀文章

            <a href="https://www.tutorialsteacher.com/typescript/default-parameters-in-typescript">Default Parameters in TypeScript</a><br>
            <a href="https://www.typescriptlang.org/docs/handbook/functions.html#default-parameters">Default Parameters - TypeScript</a><br>
            <a href="https://www.freecodecamp.org/news/typescript-default-parameters-in-function-arguments/">TypeScript Default Parameters in Function Arguments</a><br>
            <a href="https://www.sitepoint.com/typescript-default-parameters/">TypeScript Default Parameters</a><br>
            <a href="https://www.educba.com/typescript-default-parameters/">TypeScript Default Parameters - Explained with Examples</a

延伸閱讀本站文章

更多TypeScript相關文章

推薦學習youtube影片

發佈留言