JavaScript(二)之arguments详解@慕课网原创_慕课网

理解参数arguments

ECMAScript函数不介意传进来的参数个数和类型，
在函数体内可以通过arguments对象来访问这个参数数组
```
function hi(){
alert("hello"+arguments[0]+","+arguments[1]);
}
hi("kk","jun");// hellokk,jun
```
其实arguments只是与数组类似（并不是Array实例）例如：

function hi(name){
    console.log(Array.isArray(arguments));// false
}
hi("name");

将arguments类数组对象转换成数组：Array.prototype.slice.call(arguments);

function hi(name){
    var args = Array.prototype.slice.call(arguments);
    console.log(Array.isArray(args));// true
}
hi("name");

ES6新增实现:Array.from()

function hi(name){
    var args = Array.from(arguments);
    console.log(Array.isArray(args));// true
}
hi("name");

通过访问arguments对象的length属性可以知道有多少个函数传递给了函数

function hi(name){
    console.log(arguments.length);
}
hi("name");//1
hi("name","age");//2

根据这个特性可以实现适当的功能，例如：

function add(){
    if(arguments.length==1){
        do something
    }
    if(arguments.length==2){
        do something
    }
}

没有传递值的命名参数自动赋值undefined,例如：

function hi(){
    console.log(arguments[0]);
}
hi(); //undefined

有意思的题目

实现递归

var sum = function(n) {  
    if(n == 1) {  
        return 1;  
  } else {  
    return n + arguments.callee(n-1); 
    //calllee,当函数被调用时，它的arguments.callee对象就会指向自身，也就是一个对自己的引用  
　}  
}  
console.log("sum =", sum(5));

不定参数个数求和

function add() {  
    //console.log("length", arguments.length);  
    var len = arguments.length, 
        sum = 0;  
    for (var i = 0; i < len; ++i) {  
        sum += arguments[i];  
    }  
    return sum;  
};  
add(1,2,3,4,5);

JavaScript(二)之arguments详解原创