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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM