Javascript中arguments对象详解


Posted in Javascript onOctober 22, 2014

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

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

function addAll () {

    // What do we do here?

}
// Should return 6

addAll(1, 2, 3);
// Should return 10

addAll(1, 2, 3, 4);

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

function addAll () {

    var sum = 0;
    for (var i = 0; i < arguments.length; i++) {

        sum += arguments[i];

    }
    return sum;

}
// Returns 6

addAll(1, 2, 3);
// Returns 10

addAll(1, 2, 3, 4);

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

function getName() {

 console.log(Array.isArray(arguments));

}
//will output false

getName("benjamin");

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

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

function sortArgs () {

    // Uncaught TypeError: undefined is not a function 

    sorted = arguments.sort()
    return sorted;

}

sortArgs();

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

function sortArgs () {

    // Convert arguments object into a real array

    var args = [].slice.call(arguments);
    // Now this will work!

    sorted = args.sort()
    return sorted;

}
//will output [1, 2, 3] 

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

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

Javascript 相关文章推荐
很好用的js日历算法详细代码
Mar 07 Javascript
js中substring和substr的详细介绍与用法
Aug 29 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
Mar 17 Javascript
基于jquery步骤进度条源码分享
Nov 12 Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
May 16 Javascript
深究AngularJS之ui-router详解
Jun 13 Javascript
基于angular2 的 http服务封装的实例代码
Jun 29 Javascript
jQuery实现点击下拉框中的值累加到文本框中的方法示例
Oct 28 jQuery
Node.js一行代码实现静态文件服务器的方法步骤
May 07 Javascript
javascript拖曳互换div的位置实现示例
Jun 28 Javascript
Python机器学习之决策树和随机森林
Jul 15 Javascript
Javascript中的默认参数详解
Oct 22 #Javascript
js style动态设置table高度
Oct 21 #Javascript
js读写json文件实例代码
Oct 21 #Javascript
一个JavaScript防止表单重复提交的实例
Oct 21 #Javascript
javascript Deferred和递归次数限制实例
Oct 21 #Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
Oct 21 #Javascript
jquery中post方法用法实例
Oct 21 #Javascript
You might like
MySql中正则表达式的使用方法描述
2008/07/30 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
Yii框架实现记录日志到自定义文件的方法
2017/05/23 PHP
解决php-fpm.service not found问题的办法
2017/06/06 PHP
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008/08/14 Javascript
javascript 支持链式调用的异步调用框架Async.Operation
2009/08/04 Javascript
extjs 学习笔记 四 带分页的grid
2009/10/20 Javascript
九种js弹出对话框的方法总结
2013/03/12 Javascript
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
用jQuery获取IE9下拉框默认值问题探讨
2013/07/22 Javascript
利用javascript判断文件是否存在
2013/12/31 Javascript
JavaScript中按位“异或”运算符使用介绍
2014/03/14 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
2016/05/17 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合
2016/08/11 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
2016/08/15 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
BootStrap表单宽度设置方法
2017/03/10 Javascript
使用Vue完成一个简单的todolist的方法
2017/12/01 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
2018/10/30 Javascript
vue+element+Java实现批量删除功能
2019/04/08 Javascript
node.JS事件机制与events事件模块的使用方法详解
2020/02/06 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
[02:02]DOTA2英雄基础教程 斯拉达
2013/12/11 DOTA
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
基于Python Shell获取hostname和fqdn释疑
2016/01/25 Python
django框架如何集成celery进行开发
2017/05/24 Python
python之Character string(实例讲解)
2017/09/25 Python
Python进阶学习之特殊方法实例详析
2017/12/01 Python
pytorch对可变长度序列的处理方法详解
2018/12/08 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
八年级英语教学反思
2014/01/09 职场文书
《在家里》教后反思
2014/03/01 职场文书
大学同学会活动方案
2014/08/20 职场文书
企业年会祝酒词
2015/08/11 职场文书
python爬虫--selenium模块
2021/03/31 Python
MySQL时间盲注的五种延时方法实现
2021/05/18 MySQL