JavaScript的arguments對象應用示例
arguments 對象
在函數代碼中,使用特殊對象 arguments,開發(fā)者無需明確指出參數名,就能訪問它們。
例如,在函數 sayHi() 中,第一個參數是 message。用 arguments[0] 也可以訪問這個值,即第一個參數的值(第一個參數位于位置 0,第二個參數位于位置 1,依此類推)。
因此,無需明確命名參數,就可以重寫函數:
function sayHi() {
if (arguments[0] == "bye") {
return;
}
alert(arguments[0]);
}
檢測參數個數
還可以用 arguments 對象檢測函數的參數個數,引用屬性 arguments.length 即可。
下面的代碼將輸出每次調用函數使用的參數個數:
function howManyArgs() {
alert(arguments.length);
}
howManyArgs("string", 45);
howManyArgs();
howManyArgs(12);
上面這段代碼將依次顯示 "2"、"0" 和 "1"。
注釋:與其他程序設計語言不同,ECMAScript 不會驗證傳遞給函數的參數個數是否等于函數定義的參數個數。開發(fā)者定義的函數都可以接受任意個數的參數(根據 Netscape 的文檔,最多可接受 255 個),而不會引發(fā)任何錯誤。任何遺漏的參數都會以 undefined 傳遞給函數,多余的函數將忽略。
模擬函數重載
用 arguments 對象判斷傳遞給函數的參數個數,即可模擬函數重載:
function doAdd() {
if(arguments.length == 1) {
alert(arguments[0] + 5);
} else if(arguments.length == 2) {
alert(arguments[0] + arguments[1]);
}
}
doAdd(10); //輸出 "15"
doAdd(40, 20); //輸出 "60"
當只有一個參數時,doAdd() 函數給參數加 5。如果有兩個參數,則會把兩個參數相加,返回它們的和。所以,doAdd(10) 輸出的是 "15",而 doAdd(40, 20) 輸出的是 "60"。
雖然不如重載那么好,不過已足以避開 ECMAScript 的這種限制。
相關文章
原生JS實現移動端web輪播圖詳解(結合Tween算法造輪子)
在做移動端開發(fā)的時候,必不可少的是輪播圖,下面這篇文章主要給大家介紹了關于利用純JS實現移動端web輪播圖的相關資料,重要的是結合Tween算法造輪子,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考借鑒,下面來一起看看吧。2017-09-09
javascript之querySelector和querySelectorAll使用說明
其實關于querySelector和querySelectorAll的介紹說明很多,在此主要是做個記錄2011-10-10

