zl程序教程

您现在的位置是:首页 >  前端

当前栏目

Javascript中arguments对象详解

JavaScript对象 详解 arguments
2023-06-13 09:15:29 时间

在上篇文章中我们讨论了javascript中的默认参数,这篇文章,我们来讨论下javascript的arguments参数对象。

如下例的一个函数,我们如何根据传入参数的不同来做不同的处理呢?

复制代码代码如下:


functionaddAll(){
   //Whatdowedohere?
}

//Shouldreturn6
addAll(1,2,3);

//Shouldreturn10
addAll(1,2,3,4);

幸运的是,javascript有一个arguments对象,可以来处理上述情况。arguments对象是一个类数组对象,想了解arguments对象的详细情况请戳这里,我们使用arguments对象来改变上例:

复制代码代码如下:


functionaddAll(){
   varsum=0;

   for(vari=0;i<arguments.length;i++){
       sum+=arguments[i];
   }

   returnsum;
}

//Returns6
addAll(1,2,3);

//Returns10
addAll(1,2,3,4);

上面我们说过arguments对象是一个类数组对象,下面我们来测试下:

复制代码代码如下:
functiongetName(){
 console.log(Array.isArray(arguments));
}

//willoutputfalse
getName("benjamin");

上述测试结果可以看出:
它不是一个数组对象,那么它和数组对象有什么不同呢?详情请戳这里。

执行下面例子会抛出一个错误:

复制代码代码如下:
functionsortArgs(){
   //UncaughtTypeError:undefinedisnotafunction
   sorted=arguments.sort()

   returnsorted;
}
sortArgs();

我们可以像下面这样把一个类数组对象转换为数组对象:

复制代码代码如下:
functionsortArgs(){
   //Convertargumentsobjectintoarealarray
   varargs=[].slice.call(arguments);

   //Nowthiswillwork!
   sorted=args.sort()

   returnsorted;
}

//willoutput[1,2,3]
console.log(sortArgs(1,3,2));

如果你感觉这篇文章对你有帮助,希望转给更多需要的人。文章不妥之处,欢迎留言斧正。