对于JS的函数来说,和其他语言有很多的不同,就传参而言就有很大的不同。当使用Java的时候,形参和实参必须一一对应,当然对于继承重写父类方法是其他情况,有兴趣的话,可以自己去查查看,这里就不多说了。
下面我们来说说JS的arguments对象,在JS中,ECMAScript函数不介意传递进来多少参数,也不会因为参数不同意而报错。实际上,函数体内部可以通过arguments对象来接收传递进来的参数。
function box(){
return arguments[0] + ' |' + arguments[1] + ' | ' + arguments[2];
}
console.log(box(1,2,3)); //1 | 2 | 3
从结果可知,函数并没有规定有多少形参,实参传递过来,函数通过arguments对象以数组的形式存起来,因此得出的结果是1,2,3。
那么不禁在想,如果我传入参数的个数少于返回的结果,会出现什么情况呢?
function box(){
return arguments[0] + ' |' + arguments[1] + ' | ' + arguments[2];
}
console.log(box(1,2)); //1 | 2 | undefined
其实想一下就能知道结果,传递进来的参数是以数组形式存起来,那么当传递进来的参数少于返回的结果,多余的当然是undefined。
考虑到JS函数参数存在arguments中,那么,它的用途可以很多,如函数动态求和
function add(){
var sum = 0;
for(var i=0; i<arguments.length; i++){
sum += arguments[i];
}
return sum;
}
console.log(add(1,2,3,4,5,6,76,5,5,4,4,3,2,1));
因为arguments是以数组的形式存起来的,那么可以通过arguments.length获取传入参数的个数,因此做一个加法很方面。
callee属性,是arguments对象的一个成员,arguments.callee表示函数自身,那么可以通过它使用递归的方法来实现阶乘
var factorial = function(n){
if(n == 1){
return 1
}else{
return n * arguments.callee(n-1);
}
}
console.log(factorial(5)); //120
通过以上实例可知道,JS中对传参这一块使用起来挺好用的,当然arguments在其他地方还有很多使用,如使用apply继承父类方法时,参数很多时用arguments很方便。
这里就不详细说了,接下来会具体讲解call、apply、bind的区别。