js中arguments對(duì)象的深入理解
前言
在JavaScript中,arguments屬于當(dāng)前對(duì)象的一個(gè)內(nèi)置屬性,arguments非常類似于Array對(duì)象,但是又不是實(shí)例的Array。本文主要給大家介紹了關(guān)于js中arguments對(duì)象的相關(guān)內(nèi)容,下面話不多說了,來一起看看詳細(xì)的介紹吧
一、在函數(shù)調(diào)用的時(shí)候,瀏覽器每次都會(huì)傳遞進(jìn)兩個(gè)隱式參數(shù)
- 函數(shù)的上下文對(duì)象this
- 封裝實(shí)參的對(duì)象arguments
二、arguments 對(duì)象
- arguments 對(duì)象實(shí)際上是所在函數(shù)的一個(gè)內(nèi)置類數(shù)組對(duì)象
- 每個(gè)函數(shù)都有一個(gè)arguments屬性,表示函數(shù)的實(shí)參集合,這里的實(shí)參是重點(diǎn),就是執(zhí)行函數(shù)時(shí)實(shí)際傳入的參數(shù)的集合。arguments不是數(shù)組而是一個(gè)對(duì)象,但它和數(shù)組很相似,所以通常稱為類數(shù)組對(duì)象,以后看到類數(shù)組其實(shí)就表示arguments。arguments對(duì)象不能顯式的創(chuàng)建,它只有在函數(shù)開始時(shí)才可用。
- arguments還有屬性callee,length和迭代器Symbol。
- arguments同樣具有l(wèi)ength屬性,arguments.length 為函數(shù)實(shí)參個(gè)數(shù),可以用arguments[length]顯示調(diào)用參數(shù)
- arguments對(duì)象可以檢測(cè)參數(shù)個(gè)數(shù),模擬函數(shù)重載
三、理解點(diǎn)
第一點(diǎn):arguments對(duì)象:可以在函數(shù)內(nèi)訪問所有的參數(shù),實(shí)參
實(shí)例代碼:
function f1(){ console.log(arguments[0]); console.log(arguments[1]); console.log(arguments[2]); } f1(12,23,45); //12 34 45
第二點(diǎn):在正常的模式下,arguments對(duì)象可以在運(yùn)行的時(shí)候進(jìn)行修改
實(shí)例代碼:
function f2(a,b){ arguments[0] = 10; arguments[1] = 20; return a + b; } console.log(f2(4,6)); //30
第三點(diǎn):在嚴(yán)格的模式下,arguments對(duì)象在運(yùn)行的時(shí)候不可以修改,修改arguments對(duì)象不會(huì)影響到實(shí)際的函數(shù)參數(shù)
注意: 'use strict' 是開啟嚴(yán)格模式
實(shí)例代碼:
function f3(a,b){ 'use strict'; arguments[0] = 10; arguments[1] = 20; return a + b; } console.log(f3(3,6)); //9
第四點(diǎn):通過arguments對(duì)象的length屬性,可以判斷實(shí)參的個(gè)數(shù)
實(shí)例代碼:
function f4(){ console.log(arguments.length); } f4(2,3,4,5); //4 f4(1); //1 f4(); //0
第五點(diǎn):arguments是一個(gè)對(duì)象,不是數(shù)組,轉(zhuǎn)換為數(shù)組可以采用 slice 和 逐一填入新數(shù)組
實(shí)例代碼:
var arr = Array.prototype.slice.call(arguments); console.log(typeof arr); var arr2 = []; for(var i = 0; i<arguments.length;i++){ arr2.push(arguments[i]); } console.log(typeof arr2);
第六點(diǎn):arguments的callee屬性可以返回對(duì)應(yīng)的原函數(shù),達(dá)到調(diào)用自身函數(shù)的效果,但是在嚴(yán)格模式中是不適用的
實(shí)例代碼:
var f5 = function(){ console.log(arguments.callee===f5); //true console.log(arguments.callee===f6); //false } var f6; f5(); //返回原函數(shù),調(diào)用自身
四、arguments的應(yīng)用
第一點(diǎn):arguments.callee為引用函數(shù)自身。我們可以借用arguments.length可以來查看實(shí)參和形參的個(gè)數(shù)是否一致
實(shí)例代碼:
function add(a, b) { var realLen = arguments.length; console.log("realLen:", arguments.length); var len = add.length; console.log("len:", add.length); if (realLen == len) { console.log('實(shí)參和形參個(gè)數(shù)一致'); } else { console.log('實(shí)參和形參個(gè)數(shù)不一致'); } }; add(11,22,33,44,66);
第二點(diǎn):我們可以借用arguments.callee來讓匿名函數(shù)實(shí)現(xiàn)遞歸
實(shí)例代碼:
var sum = function(n) { if(n == 1) { return 1; } else { return n + arguments.callee(n-1); } } console.log("sum =", sum(5));
第三點(diǎn):編寫一個(gè)函數(shù)求傳入的若干個(gè)數(shù)字(不能用數(shù)組顯示傳入)的和
實(shí)例代碼:
function add() { var len = arguments.length; var sum = 0; for (var i = 0; i < len; ++i) { sum += arguments[i]; } return sum; }; add(11,22,33,44,66);
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)腳本之家的支持。
- javascript內(nèi)置對(duì)象arguments詳解
- js arguments對(duì)象應(yīng)用介紹
- Javascript中arguments對(duì)象的詳解與使用方法
- Javascript中的arguments對(duì)象
- Javascript中arguments對(duì)象詳解
- JS中使用變量保存arguments對(duì)象的方法
- 深入解析JavaScript中的arguments對(duì)象
- 跟我學(xué)習(xí)javascript的arguments對(duì)象
- JavaScript中如何通過arguments對(duì)象實(shí)現(xiàn)對(duì)象的重載
- Javascript學(xué)習(xí)筆記之函數(shù)篇(四):arguments 對(duì)象
相關(guān)文章
underscore之Collections_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
underscore為集合類對(duì)象提供了一致的接口。集合類是指Array和Object,暫不支持Map和Set。下面通過本文給大家分享underscore之Collections的相關(guān)知識(shí),需要的的朋友參考下吧2017-07-07JavaScript實(shí)現(xiàn)模態(tài)框拖拽效果
這篇文章主要介紹了通過JavaScript實(shí)現(xiàn)模態(tài)框拖拽的效果,以及鼠標(biāo)松開,可以停止拖動(dòng)模態(tài)框移動(dòng)等功能,感興趣的小伙伴可以了解一下2021-12-12JavaScript設(shè)計(jì)模式之單例模式原理與用法實(shí)例分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之單例模式原理與用法,結(jié)合實(shí)例形式分析了單例模式的原理、命名空間的使用、閉包、惰性單例形式以及單例模式的基本應(yīng)用,需要的朋友可以參考下2018-07-07微信小程序?qū)崿F(xiàn)多個(gè)按鈕的顏色狀態(tài)轉(zhuǎn)換
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)多個(gè)按鈕的顏色狀態(tài)轉(zhuǎn)換,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-02-02JavaScript版DateAdd和DateDiff函數(shù)代碼
VBScript中有兩個(gè)非常好用的日期操作函數(shù):DateAdd用來給日期添加指定時(shí)間間隔,DateDiff用來返回兩個(gè)日期的時(shí)間間隔??上У氖荍avaScript沒有,不過我們可以寫一個(gè)函數(shù)來實(shí)現(xiàn),一樣的,呵呵2012-03-03wangEditor編輯器失去焦點(diǎn)后仍然可以在原位置插入圖片分析
本文給大家?guī)淼氖且豢罘浅2诲e(cuò)的富文本編輯器WangEditor,他最大的特點(diǎn)是它在ie6,7,8上都可以做到失去焦點(diǎn)后仍然可以在原位置插入圖片,而且代碼量很少,下面我們就來分析下他是如何實(shí)現(xiàn)的呢2015-05-05