zoukankan      html  css  js  c++  java
  • 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
    
  • 相关阅读:
    [poj] 3068 "Shortest" pair of paths || 最小费用最大流
    [poj] 3686 The Windy's || 最小费用最大流
    [poj] 1235 Farm Tour || 最小费用最大流
    [poj] 3281 Dining || 最大流
    [poj] 3041 Asteroids || 最小点覆盖=最大二分图匹配
    luogu P1072 Hankson 的趣味题
    二分图最佳匹配
    181106 solution
    luogu P2216 [HAOI2007]理想的正方形
    luogu P4362 [NOI2002]贪吃的九头龙
  • 原文地址:https://www.cnblogs.com/kissdodog/p/5687610.html
Copyright © 2011-2022 走看看