js的arguments菠菜网站开发搭建到底是什么

arguments的属性
接下来我们来看看arguments对象里面到底有些什么东西,是骡子是马拉出来溜溜。

function showargs() {
console.log( arguments );
}

showargs(1,2,3,4,5);
下面我们用console.log的方式,将arguments对象输出到控制台,这里不得不说一句,chrome的console工具好用得不得了(我不是来打广告的)。

arguments

这里我们可以看到arguments对象将我传入的五个参数以数组的形式保存在里面,还有保存了我传入函数的实参的个数(length)。而且我们可以看到arguments对象的 == proto == 是指向object的,这也说明了他是个类数组对象,而不是一个数组。
菠菜网站开发搭建dsluntan.com,点击下载

有了这个对象我们以后写函数的时候,就不用给所有的形参指定参数名,然后通过参数名的方式获取参数了,我们可以直接使用arguments对象来获取实参,这样是不是方便了很多呢。
有些语言在我们给函数指定了参数名之后,当调用函数时,会判断当前传入的参数是否与函数定义的参数个数相等,不相等就会报错,但是灵活的js(不是我说,js是真的灵活)并不会验证传递给函数的参数个数是否等于函数定义的参数个数。所以为了装逼(代码的简洁度),我们使用arguments调用参数可以不混淆不同函数之间的参数名。另外为了装逼(代码的严整度),我们也能用arguments来判断当前传入参数的个数是否与我们需要的数量一致。

下面举个栗子:

function add() {
if( arguments.length == 2 ){
return arguments[0] + arguments[1];
}else{
return '传入参数不合法';
}
}

console.log( add(2,3) );
console.log( add(1,2,3) );

看看结果:

结果

最后我们还可以看到arguments还有一个叫做callee的属性,这个属性是表示的是当前函数的一个引用,简单点说,这个属性里面存储的我们调用的这个函数的代码,实在无法理解的时候,又到了console.log大显身手的时候了。

function showcallee() {
var a = '这里是代码';
var b = '这是另一段代码';
var c = a + b;

console.log(arguments.callee);

return c;

}
showcallee();

结果

看到结果的你是不是和我一样惊呆了呢,这不就是我写的代码吗,arguments.callee完完整整的把这个函数的这段代码返回了。

猜你喜欢

转载自blog.51cto.com/13967020/2174415
今日推荐