DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript中arguments對象的詳解與使用方法
Javascript中arguments對象的詳解與使用方法
編輯:關於JavaScript     

一、arguments使用方法

通過方括號語法訪問每一個元素

var fun = function(one) {
 console.log(arguments[0]);
 console.log(arguments[1]);
 console.log(arguments[2]);
}
fun(1, 2, 3)
// 1
// 2
// 3

通過length屬性,查看到底要幾個參數

function fun() {
 return arguments.length;
}
fun(1, 2, 3) // 3
fun(1) // 1
fun() // 0

參數賦值(“嚴格模式下不允許”)

var fun = function(a, b) {
 arguments[1] = 2;
 return a + b;
}
fun(1, 1)
// 3

二、arguments與數組的關系

雖然arguments可以使用中括號語法,並且具有length屬性,但arguments對象只是與數組類似,並不是Array的實例。因此,無法對 arguments 變量使用標准的數組方法,比如 push, pop 或者 slice。 雖然使用 for 循環遍歷也是可以的,但是為了更好的使用數組方法,最好把它轉化為一個真正的數組。

如何使用數組方法?

通過apply方法,把arguments作為參數傳進去,這樣就可以讓arguments使用數組方法了。

// 用於apply方法
myFunction.apply(obj, arguments).
// 使用與另一個數組合並
Array.prototype.concat.apply([1,2,3], arguments)

終極解決方法,直接轉為真正的數組

下面的代碼將會創建一個新的數組,包含所有 arguments 對象中的元素。

var args = Array.prototype.slice.call(arguments);
//或者
var args = [];
for (var i = 0; i < arguments.length; i++) {
 args.push(arguments[i]);
}
//或者
var args = [].slice.call(arguments, 0);

三、強大卻不建議使用的callee屬性

arguments的callee屬性可以調用函數本身,當函數正在執行時才可調用,可以實現方法的遞歸調用

下面的代碼將會實現一個求階乘方法

var factorial = function(x){
 return x<=1?1:x*arguments.callee(x-1);
}

在ECMAScript5嚴格模式中,對這個屬性的讀寫操作會產生一個類型錯誤,並且會顯著的影響現代 JavaScript 引擎的性能,所以,因此強烈建議大家不要使用 arguments.callee 和它的屬性。

四、總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習和工作能帶來一定的幫助,如果有疑問大家可以留言交流。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved