[Javascript] 在函數裡設定參數預設值

在網路上看到一篇：『Setting default values for missing parameters in a Javascript function』，提到在 Javascript 函式參數如果未定義，就會出現 undefine 的錯誤訊息，請看底下範例：

function foo(a, b, c) {
    document.write('a: ' + a + ' ');
    document.write('b: ' + b + ' ');
    document.write('c: ' + c + ' ');
    document.write('
');
}

測試函數：

foo();
foo(1);
foo(1, 2);
foo(1, 2, 3);

輸出結果：

a: undefined b: undefined c: undefined
a: 1 b: undefined c: undefined
a: 1 b: 2 c: undefined
a: 1 b: 2 c: 3

底下有兩種方式可以解決此問題： 1. 加入 if 判斷：

function foo(a, b, c) {

    if(typeof a == 'undefined') {
        a = 'AAA';
    }
    if(typeof b == 'undefined') {
        b = 'BBB';
    }
    if(typeof c == 'undefined') {
        c = 'CCC';
    }

    document.write('a: ' + a + ' ');
    document.write('b: ' + b + ' ');
    document.write('c: ' + c + ' ');
    document.write('
');

}

測試：

foo();
foo(1);
foo(1, 2);
foo(1, 2, 3);

結果輸出：

a: AAA b: BBB c: CCC
a: 1 b: BBB c: CCC
a: 1 b: 2 c: CCC
a: 1 b: 2 c: 3

2. 網友提供的最佳解法：

function foo(a, b, c) {

    a = a || "AAA";
    b = b || "BBB";
    c = c || "CCC";

    document.write('a: ' + a + ' ');
    document.write('b: ' + b + ' ');
    document.write('c: ' + c + ' ');
    document.write('
');

}

假設 a 尚未被定義，就會以 AAA 預設值顯示，程式碼也相當好閱讀。

javascript

See also