Javascript中arguments对象详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript中arguments对象详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1496字，纯文字阅读大概需要3分钟。

内容图文

在上篇文章中我们讨论了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中arguments对象详解全部内容，希望文章能够帮你解决Javascript中arguments对象详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端