【JS】arguments

目录

什么是arguments

arguments转换成一个真正的数组

arguments的一些妙用

1.利用arguments实现方法的重载

2.利用arguments.callee实现递归

rest

rest参数和arguments对象区别：

---

什么是arguments

它是JS的一个内置对象，常被人们所忽略，但实际上确很重要，JS不像JAVA是显示传递参数，JS传的是形参，可以传也可以不传，若方法里没有写参数却传入了参数，该如何拿到参数呢，答案就是arguments了，在一些插件里通常这样使用。

了解arguments这个对象之前先来认识一下javascript的一些功能：
其实Javascript并没有重载函数的功能，但是Arguments对象能够模拟重载。Javascrip中每个函数都会有一个Arguments对象实例arguments，它引用着函数的实参，可以用数组下标的方式"[]"引用arguments的元素。

arguments.length为函数实参个数，arguments.callee引用函数自身。

虽然arguments对象并不是一个数组（类数组），但是访问单个参数的方式与访问数组元素的方式相同

例如：
arguments[0],arguments[1],...arguments[n]； 在js中不需要明确指出参数名，就能访问它们

例如：

function test() {
        var s = "";
        for (var i = 0; i < arguments.length; i++) {
            alert(arguments[i]);
            s += arguments[i] + ",";
        }
        return s;
}
test("name", "age");    //name,age

arguments转换成一个真正的数组

有时我们希望将它转换成真正的数组使用，可以使用下面的代码：

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

let args = Array.from(arguments);

let args = [...arguments];       //  展开运算符

arguments的一些妙用

1.利用arguments实现方法的重载

下面我们利用arguments对象来实现一个参数相加的函数，不论传入多少参数都行，将传入的参数相加后返回。

function add() {
    var len = arguments.length,
        sum = 0;
    for(;len--;){
        sum += arguments[len];
    }
    return sum;
}

console.log( add(1,2,3) );   //6
console.log( add(1,3) );     //4
console.log( add(1,2,3,5,6,2,7) );   //26

由于js是一种弱类型的语言，没有重载机制，当我们重写函数时，会将原来的函数直接覆盖，这里我们能利用arguments，来判断传入的实参类型与数量进行不同的操作，然后返回不同的数值。

2.利用arguments.callee实现递归

function factorial(num) { 
    if(num<=1) { 
    	return 1; 
    }else { 
    	return num * factorial(num-1); 
    } 
} 

但是当这个函数变成了一个匿名函数时，我们就可以利用callee来递归这个函数。

function factorial(num) { 
    if(num<=1) { 
    	return 1; 
    }else { 
    	return num * arguments.callee(num-1); 
    } 
} 

注意：

这个方法虽然好用，但是有一点值得注意，ECMAScript4中为了限制js的灵活度，让js变得严格，新增了严格模式，在严格模式中我们被禁止不使用var来直接声明一个全局变量，当然这不是重点，重点是arguments.callee这个属性也被禁止了。

rest

function(a, b, ...theArgs) {
  // ...
}

rest参数和arguments对象区别：

• rest参数只包括那些没有给出名称的参数，arguments包含所有参数
• arguments 对象不是真正的数组，而rest 参数是数组实例，可以直接应用sort, map, forEach, pop等方法
• arguments对象还有一些附加的属性 （如callee属性）。