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 相关文章推荐
javascript 打印内容方法小结
Nov 04 Javascript
基于jquery编写的横向自适应幻灯片切换特效的实例代码
Aug 06 Javascript
jQuery中:contains选择器用法实例
Dec 30 Javascript
JavaScript实现的双向跨域插件分享
Jan 31 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
Aug 25 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
Highcharts入门之简介
Aug 02 Javascript
BootStrap中Datepicker控件带中文的js文件
Aug 10 Javascript
Vue.2.0.5过渡效果使用技巧
Mar 16 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
Jul 21 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
Sep 06 Javascript
element中table高度自适应的实现
Oct 21 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
西德产收音机
2021/03/01 无线电
用session做客户验证时的注意事项
2006/10/09 PHP
php 分库分表hash算法
2009/11/12 PHP
php cli 方式 在crotab中运行解决
2010/02/08 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
Yii框架布局文件的动态切换操作示例
2019/11/11 PHP
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
2012/12/19 Javascript
JS链式调用的实现方法
2013/03/07 Javascript
js检测浏览器版本、核心、是否移动端示例
2014/04/24 Javascript
NodeJS中利用Promise来封装异步函数
2015/02/25 NodeJs
javascript引用类型指针的工作方式
2015/04/13 Javascript
jquery模拟实现鼠标指针停止运动事件
2016/01/12 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
2018/09/04 Javascript
一文了解vue-router之hash模式和history模式
2019/05/31 Javascript
微信小程序页面间跳转传参方式总结
2019/06/13 Javascript
turn.js异步加载实现翻书效果
2019/07/25 Javascript
微信小程序实现横向滚动导航栏效果
2019/12/12 Javascript
使用TS来编写express服务器的方法步骤
2020/10/29 Javascript
Python 网络编程起步(Socket发送消息)
2008/09/06 Python
Python中给List添加元素的4种方法分享
2014/11/28 Python
Python使用Turtle模块绘制五星红旗代码示例
2017/12/11 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
Python实现的rsa加密算法详解
2018/01/24 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
python3将变量写入SQL语句的实现方式
2020/03/02 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
Python while true实现爬虫定时任务
2020/06/08 Python
咖啡为什么会有酸味?你喝到的咖啡為什麼是酸的?
2021/03/17 冲泡冲煮
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
Marlies Dekkers内衣法国官方网上商店:国际知名的荷兰内衣品牌
2019/03/18 全球购物
《狮子和兔子》教学反思
2014/03/02 职场文书
地球一小时倡议书
2014/04/15 职场文书
个人评语大全
2014/05/04 职场文书
工业设计专业自荐书
2014/06/05 职场文书
SQL注入篇学习之盲注/宽字节注入
2022/03/03 MySQL