首頁  >  文章  >  web前端  >  深入解析JavaScript中的arguments物件(圖文教學)

深入解析JavaScript中的arguments物件(圖文教學)

亚连
亚连原創
2018-05-21 09:54:341583瀏覽

arguments是JavaScript裡的一個內建物件,像陣列結構一樣儲存參數的傳遞,這裡我們就來深入解析JavaScript中的arguments物件,需要的朋友可以參考下

arguments定義

所有的函數都有一個自己的arguments對象,用來儲存它實際接受到的參數,而不局限於函數宣告時所定義的參數列表。它不是數組卻類似數組,具有數組一樣的存取性質及方式,可以由arguments[n]來存取對應的單一參數的值,並擁有數組長度屬性length。但是卻不具有數組的一些方法。可以透過call把arguments轉換成真正的數組,然後進行數組的操作。

var args = Array.prototype.slice.call(arguments);

類別陣列

#1. 判斷ARGUMENTS是不是陣列

#
alert(arguments instanceof Array);
alert(arguments instanceof Object);

2. 如何嚴格的判斷一個資料是數組(ARRAY)類別的實例

function isArray(value){
  if (typeof Array.isArray === "function") {
    return Array.isArray(value);
  }else{
    return Object.prototype.toString.call(value) === "[object Array]";
  }
}


3. 把ARGUMENTS轉換成陣列

方法一:內建的型別可以透過prototype找到內建的屬性方法,Array.prototype.slice就是存取Array的內建方法slice。透過slice方法,傳回一個陣列。 call是呼叫一個物件的方法,以另一個物件取代目前物件。

var arg = Array.prototype.slice.call(arguments,0);

方法二:比方法一效能差一點,因為它是先建立一個數組,然後再進行的

var arg = [].slice.call(arguments,0);


方法三:透過循環轉換成陣列


#
function toArray(arguments){
  var a = [];
  for(var i=0;i<arguments.length;i++){
    a.unshift(arguments.[i]);
  }
  return a;
}

caller

# #當一個函數被另一個函數調用的時候,被調用的函數會自動產生一個caller屬性,指向調用它的函數對象,如果函數未被調用,則caller為null。

function testCaller() {
  var caller = testCaller.caller;
  alert(caller);
}
function aCaller() {
  testCaller();
}
aCaller();

彈出的是函數aCaller的內容。

arguments.calleearguments.callee指向正在執行的函數本身,傳回正被執行的 Function 對象,也就是所指定的 Function 物件的正文。
注意:arguments.length是實參長度,arguments.callee.length是形參長度,通常用來判斷形參與實參長度是否一致

透過arguments獲得函數的實參,透過arguments.callee獲得函數的形參。

在閉包中應用的也比較廣泛。

var i = 0;

  function b(num) {

    if (num < 10) {

      num++;

      i++;

      //如果有参数,callee也要把参数带上;

      arguments.callee(num);

    } else {

      //输出2次

      alert("调用了"+i+"次callee!");

    }

  }

  b(8);

 Arguments.callee在闭包中的应用,它提供了一种递归调调用的功能。

//用arguments.callee计算10的阶乘,例如: 1×2×3×4×5×6×7....

  function c(x) {

    return x > 1 ? x * arguments.callee(x - 1) : 1

  } (10);

  //输出6

  alert(c(3));

  //输出3628800

  alert(c(10));

範例:callee求1-n的和

function fn(n){
  if(n==1) return n;
  else return n+arguments.callee(n-1);
}

##它可以讓一個匿名函數自己呼叫自己######例:#########
function list(type){
  var result = "<"+type+"l><li>";
  var args = Array.prototype.slice.call(arguments,1);
  result += args.join("</li><li>");
  result += "</li></"+type+"l>";
  return result;
}
var listHtml = list("o","one","two");
console.log(listHtml);
#########例2:面試題:下面的console.log結果是[ 1,2,3,4]的是? #########
function foo(x){
  console.log(arguments);
  return x;
}
foo(1,2,3,4);
function foo(x){
  console.log(arguments);
  return x;
}(1,2,3,4)
#########在預先解釋的時候,function fn(){}(1);會被分開處理,分成兩個函數,第一個是function fn() {},而第二個則為匿名函數:(1)。如果第二個不帶參數,就會報錯,但是上面的函數包含在一個()裡面,則是正確的。 #########
(function fn(){
  console.log(arguments);
}(1,2,3,4));
(function foo(x){
  console.log( arguments);
  return x;
})(1,2,3,4)
function foo(){
  bar.apply(null,arguments);
}
function bar(x){
  console.log(arguments);
}
foo(1,2,3,4);
#########上面是我整理給大家的,希望今後對大家有幫助。 ######相關文章:#########簡單易懂,javascript自學學習筆記###############如何在###Javascript###中自動將輸入的數字轉換成貨幣格式(程式碼附上)###############關於###Javascript###的作用域作用域鏈(圖文教程,一目了然)###########################

以上是深入解析JavaScript中的arguments物件(圖文教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn