js的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到底是什么?迪士尼彩乐园菠菜网站源码开发 dsluntan.com 点击下载

由于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这个属性也被禁止了。不过这都不是事儿,ES6为我们新增了很多好用的变量声明方式和新的语法糖,作为一个时髦的前端,我们赶紧学习一些ES6的新语法吧。

猜你喜欢

转载自blog.51cto.com/13967029/2174421