javascript 利用arguments實現(xiàn)可變長參數(shù)

更新時間：2016年11月21日 09:55:09 作者：逆心

在C#中，有可變長參數(shù)params[]，但是在js中，如何實現(xiàn)這種可變參數(shù)呢？本片文章主要介紹利用arguments，實現(xiàn)可變長參數(shù)。有需要的請參考下

javascript arguments解釋，實現(xiàn)可變長參數(shù)。

在C#中，有可變長參數(shù)params[]，但是在js中，如何實現(xiàn)這種可變參數(shù)呢？

一、可變長參數(shù)

arguments是非常好的解決方法，一直不知道javascript有這個東西。

先來看看應用場景，使用arguments傳入任意個數(shù)的參數(shù)到js函數(shù)里的寫法。

function Test() {
  console.log(arguments[0]);
  console.log(arguments[1]);
  console.log(arguments[2]);
};
Test(1, 2, 3);

輸出 1 2 3;

當然，你也可以在javascript函數(shù)里放一個數(shù)組，但是它是固定長度的。

二、不要直接修改arguments對象

arguments對象類似于數(shù)組，但實際上它也并不是數(shù)組，使用call方法，可能將數(shù)組的shift函數(shù)用到它身上，但是盡量不要嘗試去改動arguments。很容易造成混亂。

如果確實要修改，可以將arguments的內容復制到一個新數(shù)組上，然后在新數(shù)組上進行修改。

var args = [].slice.call(arguments);

用變量綁定arguments，實現(xiàn)跨函數(shù)訪問

arguments變量是被隱式綁定到每個函數(shù)體內的,注意是每一個函數(shù)內部。

一個迭代器的例子能夠說明這個問題；

function values() {
 //values有自己的arguments
 var i = 0, n = arguments.length;
 return {
  hasNext: function () {
   return i < n;  //hasNext 有自己的arguments
  },
  next: function () {
   if(i >= n)
   {
    throw new Error("已經(jīng)是最后一個元素!");
   }
   return arguments[i++];  //next 有自己的arguments
  }
 }
}
 
var it = values(1, 2, 3, 4, 5, 6, 7);
console.log(it.next());  //undefined
console.log(it.next());  //undefined
console.log(it.next());  //undefined

如果要訪問外層函數(shù)的arguments，那么只能通過局部變量綁定的方式，在內層就能夠訪問，上面的例子可以改造成

function values() {
 //values有自己的arguments
 var i = 0, n = arguments.length, ourterArgs = arguments;
 return {
  hasNext: function () {
   return i < n;  //hasNext 有自己的arguments
  },
  next: function () {
   if(i >= n)
   {
    throw new Error("已經(jīng)是最后一個元素!");
   }
   return ourterArgs[i++];  //ourterArgs 外層保存的 arguments
  }
 }
}
 
var it = values(1, 2, 3, 4, 5, 6, 7);
console.log(it.next());  //1
console.log(it.next());  //2
console.log(it.next());  //3

以上所述是本文的全部內容，希望對大家有所幫助，謝謝對腳本之家的支持！

您可能感興趣的文章: