JavaScript 函數參數


JavaScript 函數對參數的值沒有進行任何的檢查。


函數顯式參數(Parameters)與隱式參數(Arguments)

在先前的教學中,我們已經學習了函數的顯式參數:

functionName(parameter1, parameter2, parameter3) { // 要執行的代碼…… }

函數顯式參數在函數定義時列出。

函數隱式參數在函數調用時傳遞給函數真正的值。


參數規則

JavaScript 函數定義顯式參數時沒有指定數據類型。

JavaScript 函數對隱式參數沒有進行類型檢測。

JavaScript 函數對隱式參數的個數沒有進行檢測。


默認參數

ES5 中如果函數在調用時未提供隱式參數,參數會默認設置為: undefined

有時這是可以接受的,但是建議最好為參數設置一個默認值:

實例(ES5)

function myFunction(x, y) { if (y === undefined) { y = 0; } }

或者,更簡單的方式:

實例(ES5)

function myFunction(x, y) { y = y || 0; }

Note 如果y已經定義 , y || 返回 y, 因為 y 是 true, 否則返回 0, 因為 undefined 為 false。

如果函數調用時設置了過多的參數,參數將無法被引用,因為無法找到對應的參數名。 只能使用 arguments 對象來調用。

ES6 函數可以自帶參數

ES6 支持函數帶有默認參數,就判斷 undefined 和 || 的操作:

實例(ES6)

function myFunction(x, y = 10) { // y is 10 if not passed or undefined return x + y; } myFunction(0, 2) // 輸出 2 myFunction(5); // 輸出 15, y 參數的默認值


arguments 對象

JavaScript 函數有個內置的對象 arguments 對象。

argument 對象包含了函數調用的參數數組。

通過這種方式你可以很方便的找到最大的一個參數的值:

實例

x = findMax(1, 123, 500, 115, 44, 88); function findMax() { var i, max = arguments[0]; if(arguments.length < 2) return max; for (i = 0; i < arguments.length; i++) { if (arguments[i] > max) { max = arguments[i]; } } return max; }

或者創建一個函數用來統計所有數值的和:

實例

x = sumAll(1, 123, 500, 115, 44, 88); function sumAll() { var i, sum = 0; for (i = 0; i < arguments.length; i++) { sum += arguments[i]; } return sum; }



通過值傳遞參數

在函數中調用的參數是函數的隱式參數。

JavaScript 隱式參數通過值來傳遞:函數僅僅只是獲取值。

如果函數修改參數的值,不會修改顯式參數的初始值(在函數外定義)。

隱式參數的改變在函數外是不可見的。


通過對象傳遞參數

在JavaScript中,可以引用對象的值。

因此我們在函數內部修改對象的屬性就會修改其初始的值。

修改對象屬性可作用於函數外部(全局變數)。

修改對象屬性在函數外是可見的。