javascript arguments解釋,實現可變長參數。
在C#中,有可變長參數params[],但是在js中,如何實現這種可變參數呢?
一、可變長參數
arguments是非常好的解決方法,一直不知道javascript有這個東西。
先來看看應用場景,使用arguments傳入任意個數的參數到js函數裡的寫法。
function Test() { console.log(arguments[0]); console.log(arguments[1]); console.log(arguments[2]); }; Test(1, 2, 3);
輸出 1 2 3;
當然,你也可以在javascript函數裡放一個數組,但是它是固定長度的。
二、不要直接修改arguments對象
arguments對象類似於數組,但實際上它也並不是數組,使用call方法,可能將數組的shift函數用到它身上,但是盡量不要嘗試去改動arguments。很容易造成混亂。
如果確實要修改,可以將arguments的內容復制到一個新數組上,然後在新數組上進行修改。
var args = [].slice.call(arguments);
用變量綁定arguments,實現跨函數訪問
arguments變量是被隱式綁定到每個函數體內的,注意是每一個函數內部。
一個迭代器的例子能夠說明這個問題;
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("已經是最後一個元素!"); } 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
如果要訪問外層函數的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("已經是最後一個元素!"); } 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
以上所述是本文的全部內容,希望對大家有所幫助,謝謝對的支持!