Javascript中arguments對象的詳解與使用方法
更新時間：2016年10月04日 18:21:51 投稿：daisy
ECMAScript中的函數并不介意傳遞的參數有多少，也不介意是什么類型。由于JavaScript允許函數有不定數目的參數，所以我們需要一種機制，可以在 函數體內 部讀取所有參數。這就是arguments對象的由來。這篇文章將詳細介紹Javascript中的arguments對象和使用方法。
一、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 循環(huán)遍歷也是可以的，但是為了更好的使用數組方法，最好把它轉化為一個真正的數組。
如何使用數組方法？
通過apply方法，把arguments作為參數傳進去，這樣就可以讓arguments使用數組方法了。
// 用于apply方法 myFunction.apply(obj, arguments). // 使用與另一個數組合并 Array.prototype.concat.apply([1,2,3], arguments)
終極解決方法，直接轉為真正的數組
下面的代碼將會創(chuàng)建一個新的數組，包含所有 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屬性可以調用函數本身，當函數正在執(zhí)行時才可調用，可以實現方法的遞歸調用
下面的代碼將會實現一個求階乘方法
var factorial = function(x){
return x<=1?1:x*arguments.callee(x-1);
}
在ECMAScript5嚴格模式中，對這個屬性的讀寫操作會產生一個類型錯誤，并且會顯著的影響現代 JavaScript 引擎的性能，所以，因此強烈建議大家不要使用 arguments.callee 和它的屬性。
四、總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習和工作能帶來一定的幫助，如果有疑問大家可以留言交流。
相關文章
下面小編就為大家?guī)硪黄狫S實現動態(tài)增加和刪除li標簽行的實例代碼。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要為大家詳細介紹了基于JavaScript實現前端數據多條件篩選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要給大家介紹了關于js中join()方法的相關資料,join方法用于把數組中的所有元素放入一個字符串,文中通過代碼以及圖文介紹的非常詳細,需要的朋友可以參考下2023-10-10
這篇文章主要為大家詳細介紹了微信小程序自定義組件實現多選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
javascript動態(tài)創(chuàng)建鏈接的方法
這篇文章主要介紹了javascript動態(tài)創(chuàng)建鏈接的方法,涉及javascript動態(tài)操作頁面元素的技巧,需要的朋友可以參考下2015-05-05
JavaScript中l(wèi)ocalStorage對象存儲方式實例分析
這篇文章主要介紹了JavaScript中l(wèi)ocalStorage對象存儲方式,結合實例形式分析了localStorage對象存儲數據的原理及操作技巧,需要的朋友可以參考下2017-01-01
bootstrap-table實現表頭固定以及列固定的方法示例
這篇文章主要介紹了bootstrap-table實現表頭固定以及列固定的方法示例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
這篇文章主要介紹了JS繪圖Flot如何實現可選顯示曲線圖功能,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-10-10
async / await是ES7的重要特性之一，也是目前社區(qū)里公認的優(yōu)秀異步解決方案。這篇文章主要介紹了在JS循環(huán)中使用async/await的方法,需要的朋友可以參考下2018-10-10
有時候可能為了一些更好的廣告效果等原因，需要讓用戶等待一段時間以后，再顯示真實下載地址代碼，有利于緩解服務器壓力。2010-04-04