欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中arguments對(duì)象的深入理解

 更新時(shí)間:2019年05月14日 10:41:10   作者:舊城tk  
這篇文章主要給大家介紹了關(guān)于js中arguments對(duì)象的深入理解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用javascript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

在JavaScript中,arguments屬于當(dāng)前對(duì)象的一個(gè)內(nèi)置屬性,arguments非常類(lèi)似于A(yíng)rray對(duì)象,但是又不是實(shí)例的Array。本文主要給大家介紹了關(guān)于js中arguments對(duì)象的相關(guān)內(nèi)容,下面話(huà)不多說(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)訪(fǎng)問(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ì)腳本之家的支持。

相關(guān)文章

  • JS使用JSON作為參數(shù)實(shí)例分析

    JS使用JSON作為參數(shù)實(shí)例分析

    這篇文章主要介紹了JS使用JSON作為參數(shù),結(jié)合實(shí)例形式分析了ajax傳遞json數(shù)據(jù)及數(shù)據(jù)處理的相關(guān)技巧,需要的朋友可以參考下
    2016-06-06
  • js中的事件委托或是事件代理使用詳解

    js中的事件委托或是事件代理使用詳解

    這是前端面試的經(jīng)典題型,要去找工作的小伙伴看看還是有幫助的,需要的朋友可以參考下
    2017-06-06
  • underscore之Collections_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

    underscore之Collections_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

    underscore為集合類(lèi)對(duì)象提供了一致的接口。集合類(lèi)是指Array和Object,暫不支持Map和Set。下面通過(guò)本文給大家分享underscore之Collections的相關(guān)知識(shí),需要的的朋友參考下吧
    2017-07-07
  • JS實(shí)現(xiàn)可切換圖片的幻燈切換效果示例

    JS實(shí)現(xiàn)可切換圖片的幻燈切換效果示例

    這篇文章主要介紹了JS實(shí)現(xiàn)可切換圖片的幻燈切換效果,涉及javascript事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2019-05-05
  • JavaScript實(shí)現(xiàn)模態(tài)框拖拽效果

    JavaScript實(shí)現(xiàn)模態(tài)框拖拽效果

    這篇文章主要介紹了通過(guò)JavaScript實(shí)現(xiàn)模態(tài)框拖拽的效果,以及鼠標(biāo)松開(kāi),可以停止拖動(dòng)模態(tài)框移動(dòng)等功能,感興趣的小伙伴可以了解一下
    2021-12-12
  • JavaScript設(shè)計(jì)模式之單例模式原理與用法實(shí)例分析

    JavaScript設(shè)計(jì)模式之單例模式原理與用法實(shí)例分析

    這篇文章主要介紹了JavaScript設(shè)計(jì)模式之單例模式原理與用法,結(jié)合實(shí)例形式分析了單例模式的原理、命名空間的使用、閉包、惰性單例形式以及單例模式的基本應(yīng)用,需要的朋友可以參考下
    2018-07-07
  • 微信小程序?qū)崿F(xiàn)多個(gè)按鈕的顏色狀態(tài)轉(zhuǎn)換

    微信小程序?qū)崿F(xiàn)多個(gè)按鈕的顏色狀態(tài)轉(zhuǎn)換

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)多個(gè)按鈕的顏色狀態(tài)轉(zhuǎn)換,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-02-02
  • js實(shí)現(xiàn)跳一跳小游戲

    js實(shí)現(xiàn)跳一跳小游戲

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)跳一跳小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-07-07
  • JavaScript版DateAdd和DateDiff函數(shù)代碼

    JavaScript版DateAdd和DateDiff函數(shù)代碼

    VBScript中有兩個(gè)非常好用的日期操作函數(shù):DateAdd用來(lái)給日期添加指定時(shí)間間隔,DateDiff用來(lái)返回兩個(gè)日期的時(shí)間間隔??上У氖荍avaScript沒(méi)有,不過(guò)我們可以寫(xiě)一個(gè)函數(shù)來(lái)實(shí)現(xiàn),一樣的,呵呵
    2012-03-03
  • wangEditor編輯器失去焦點(diǎn)后仍然可以在原位置插入圖片分析

    wangEditor編輯器失去焦點(diǎn)后仍然可以在原位置插入圖片分析

    本文給大家?guī)?lái)的是一款非常不錯(cuò)的富文本編輯器WangEditor,他最大的特點(diǎn)是它在ie6,7,8上都可以做到失去焦點(diǎn)后仍然可以在原位置插入圖片,而且代碼量很少,下面我們就來(lái)分析下他是如何實(shí)現(xiàn)的呢
    2015-05-05

最新評(píng)論