快捷導(dǎo)航

Javascript中arguments對(duì)象的詳解與使用方法

更新時(shí)間：2016年10月04日 18:21:51 投稿：daisy

ECMAScript中的函數(shù)并不介意傳遞的參數(shù)有多少，也不介意是什么類型。由于JavaScript允許函數(shù)有不定數(shù)目的參數(shù)，所以我們需要一種機(jī)制，可以在函數(shù)體內(nèi) 部讀取所有參數(shù)。這就是arguments對(duì)象的由來(lái)。這篇文章將詳細(xì)介紹Javascript中的arguments對(duì)象和使用方法。

一、arguments使用方法

通過(guò)方括號(hào)語(yǔ)法訪問(wèn)每一個(gè)元素

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

通過(guò)length屬性,查看到底要幾個(gè)參數(shù)

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

參數(shù)賦值(“嚴(yán)格模式下不允許”)

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

二、arguments與數(shù)組的關(guān)系

雖然arguments可以使用中括號(hào)語(yǔ)法，并且具有length屬性，但arguments對(duì)象只是與數(shù)組類似，并不是Array的實(shí)例。因此，無(wú)法對(duì) arguments 變量使用標(biāo)準(zhǔn)的數(shù)組方法，比如 push, pop 或者 slice。雖然使用 for 循環(huán)遍歷也是可以的，但是為了更好的使用數(shù)組方法，最好把它轉(zhuǎn)化為一個(gè)真正的數(shù)組。

如何使用數(shù)組方法？

通過(guò)apply方法，把a(bǔ)rguments作為參數(shù)傳進(jìn)去，這樣就可以讓arguments使用數(shù)組方法了。

// 用于apply方法
myFunction.apply(obj, arguments).
// 使用與另一個(gè)數(shù)組合并
Array.prototype.concat.apply([1,2,3], arguments)

終極解決方法，直接轉(zhuǎn)為真正的數(shù)組

下面的代碼將會(huì)創(chuàng)建一個(gè)新的數(shù)組，包含所有 arguments 對(duì)象中的元素。

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);

三、強(qiáng)大卻不建議使用的callee屬性

arguments的callee屬性可以調(diào)用函數(shù)本身，當(dāng)函數(shù)正在執(zhí)行時(shí)才可調(diào)用，可以實(shí)現(xiàn)方法的遞歸調(diào)用

下面的代碼將會(huì)實(shí)現(xiàn)一個(gè)求階乘方法

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

在ECMAScript5嚴(yán)格模式中，對(duì)這個(gè)屬性的讀寫操作會(huì)產(chǎn)生一個(gè)類型錯(cuò)誤，并且會(huì)顯著的影響現(xiàn)代 JavaScript 引擎的性能，所以，因此強(qiáng)烈建議大家不要使用 arguments.callee 和它的屬性。

四、總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)和工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流。

您可能感興趣的文章: