Javascript中arguments对象详解


在上篇文章中我们讨论了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));

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



相关阅读:
JS实现超简洁网页title标题跑动闪烁提示效果代码
IOS代码笔记之下拉菜单效果
Bootstrap每天必学之模态框(Modal)插件
Win10 RS1预览版14271中OneDrive占位符回归
Jquery效果大全之制作电脑健康体检得分特效附源码下载
Win10移动版一周年更新预览版14342更新内容汇总
Javascript call和apply区别及使用方法
Android获取手机SIM卡运营商信息的方法
showModalDialog模态对话框的使用详解以及浏览器兼容
Jquery 点击按钮自动高亮实现原理及代码
Android抢红包助手开发全攻略
CentOS中使用top命令查看CPU详细图解
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
在Node.js中使用Javascript Generators详解
快速导航

Copyright © 2016 phpStudy |