js中arguments對(duì)象的深入理解
前言
在JavaScript中,arguments屬于當(dāng)前對(duì)象的一個(gè)內(nèi)置屬性,arguments非常類(lèi)似于Array對(duì)象,但是又不是實(shí)例的Array。本文主要給大家介紹了關(guān)于js中arguments對(duì)象的相關(guān)內(nèi)容,下面話不多說(shuō)了,來(lá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)置類(lèi)數(shù)組對(duì)象
- 每個(gè)函數(shù)都有一個(gè)arguments屬性,表示函數(shù)的實(shí)參集合,這里的實(shí)參是重點(diǎn),就是執(zhí)行函數(shù)時(shí)實(shí)際傳入的參數(shù)的集合。arguments不是數(shù)組而是一個(gè)對(duì)象,但它和數(shù)組很相似,所以通常稱(chēng)為類(lèi)數(shù)組對(duì)象,以后看到類(lèi)數(shù)組其實(shí)就表示arguments。arguments對(duì)象不能顯式的創(chuàng)建,它只有在函數(shù)開(kāi)始時(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)訪問(wèn)所有的參數(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' 是開(kāi)啟嚴(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):通過(guò)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可以來(lái)查看實(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來(lái)讓匿名函數(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):編寫(xiě)一個(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中如何通過(guò)arguments對(duì)象實(shí)現(xiàn)對(duì)象的重載
- Javascript學(xué)習(xí)筆記之函數(shù)篇(四):arguments 對(duì)象
相關(guān)文章
JavaScript表單驗(yàn)證的兩種實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了JavaScript表單驗(yàn)證的兩種實(shí)現(xiàn)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02
js實(shí)現(xiàn)上傳圖片及時(shí)預(yù)覽
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)上傳圖片及時(shí)預(yù)覽的相關(guān)資料,具有一定的參考價(jià)值,感興趣的朋友可以參考一下2016-05-05
JavaScript實(shí)現(xiàn)替換字符串中最后一個(gè)字符的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)替換字符串中最后一個(gè)字符的方法,涉及javascript字符串的轉(zhuǎn)換與運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
onbeforeunload與onunload事件異同點(diǎn)總結(jié)
本文對(duì)onbeforeunload與onunload事件的異同點(diǎn)、觸發(fā)于、可以用在哪些元素以及解決刷新頁(yè)面時(shí)不調(diào)用onbeforeunload等等,感興趣的朋友可以參考下哈2013-06-06
簡(jiǎn)單了解Ajax表單序列化的實(shí)現(xiàn)方法
這篇文章主要介紹了簡(jiǎn)單了解Ajax表單序列化的實(shí)現(xiàn)方法,隨著Ajax的出現(xiàn),表單序列化已經(jīng)成為一種需求,在學(xué)習(xí)原生Ajax時(shí),若用POST方法向后臺(tái)提交數(shù)據(jù)時(shí),就需要將表單序列化,需要的朋友可以參考下2019-06-06
javascript實(shí)現(xiàn)密碼驗(yàn)證
這篇文章主要介紹了javascript密碼驗(yàn)證的實(shí)現(xiàn)方法,過(guò)程很簡(jiǎn)單具有一定的參考價(jià)值,適合初學(xué)者學(xué)習(xí)研究,感興趣的小伙伴們可以參考一下2015-11-11
js入門(mén)之Function函數(shù)的使用方法【新手必看】
本篇文章主要介紹js Function函數(shù)的使用方法,應(yīng)該對(duì)初學(xué)Js的朋友們會(huì)有所幫助,下面就隨小編一起來(lái)看下吧2016-11-11
Typescript中使用引用路徑別名報(bào)錯(cuò)的解決方法
本文主要介紹了Typescript中使用引用路徑別名報(bào)錯(cuò)的解決方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07

