Javascript中arguments对象的详解与使用方法
更新时间：2016年10月04日 18:21:51 投稿：daisy
ECMAScript中的函数并不介意传递的参数有多少，也不介意是什么类型。由于JavaScript允许函数有不定数目的参数，所以我们需要一种机制，可以在 函数体内 部读取所有参数。这就是arguments对象的由来。这篇文章将详细介绍Javascript中的arguments对象和使用方法。
一、arguments使用方法
通过方括号语法访问每一个元素
var fun = function(one) {
console.log(arguments[0]);
console.log(arguments[1]);
console.log(arguments[2]);
}
fun(1, 2, 3)
// 1
// 2
// 3
通过length属性,查看到底要几个参数
function fun() {
return arguments.length;
}
fun(1, 2, 3) // 3
fun(1) // 1
fun() // 0
参数赋值(“严格模式下不允许”)
var fun = function(a, b) {
arguments[1] = 2;
return a + b;
}
fun(1, 1)
// 3
二、arguments与数组的关系
虽然arguments可以使用中括号语法，并且具有length属性，但arguments对象只是与数组类似，并不是Array的实例。因此，无法对 arguments 变量使用标准的数组方法，比如 push, pop 或者 slice。 虽然使用 for 循环遍历也是可以的，但是为了更好的使用数组方法，最好把它转化为一个真正的数组。
如何使用数组方法？
通过apply方法，把arguments作为参数传进去，这样就可以让arguments使用数组方法了。
// 用于apply方法 myFunction.apply(obj, arguments). // 使用与另一个数组合并 Array.prototype.concat.apply([1,2,3], arguments)
终极解决方法，直接转为真正的数组
下面的代码将会创建一个新的数组，包含所有 arguments 对象中的元素。
var args = Array.prototype.slice.call(arguments);
//或者
var args = [];
for (var i = 0; i < arguments.length; i++) {
args.push(arguments[i]);
}
//或者
var args = [].slice.call(arguments, 0);
三、强大却不建议使用的callee属性
arguments的callee属性可以调用函数本身，当函数正在执行时才可调用，可以实现方法的递归调用
下面的代码将会实现一个求阶乘方法
var factorial = function(x){
return x<=1?1:x*arguments.callee(x-1);
}
在ECMAScript5严格模式中，对这个属性的读写操作会产生一个类型错误，并且会显著的影响现代 JavaScript 引擎的性能，所以，因此强烈建议大家不要使用 arguments.callee 和它的属性。
四、总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习和工作能带来一定的帮助，如果有疑问大家可以留言交流。
相关文章
本篇文章只要是对javascript实现数字+字母验证码的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了JavaScript实现气球打字的小游戏，下面文章的思路来源于打字游戏，具体实现过程,需要的朋友可以参考一下，希望对你的学习有所帮助2022-04-04
这篇文章主要介绍了理解JavaScript单一职责原则，单一职责原则（SRP：Single responsibility principle）又称单一功能原则，面向对象五个基本原则（SOLID）之一，下文更多相关介绍感兴趣的小伙伴可以参考一下2022-08-08
async/await 让异步代码变成同步的方式，从而使代码更具表现力和可读性；还统一了异步编程的经验；以及提供了更好的错误堆栈跟踪。本文就来讲讲async/await的使用，需要的可以参考一下2022-09-09
这篇文章主要介绍了JS点击图片弹出文件选择框并覆盖原图功能的实现代码,需要的朋友可以参考下2017-08-08
这篇文章主要介绍了JavaScript在网页中画圆的函数arc使用方法的相关资料,需要的朋友可以参考下2015-11-11
这篇文章主要是对javascript中数字格式化输出的实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
无论是在开发中还是面试时,在js中判断变量是否相等,都是一个比较常见的问题,这篇文章主要给大家介绍了关于Js判断两个数组是否相等的几种常见场景,需要的朋友可以参考下2024-07-07
这篇文章主要为大家详细介绍了javaScript实现游戏倒计时功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
这篇文章主要介绍了js实现继承的5种方式,具体分析了JavaScript对象冒充、call()方法方式、apply()方法方式、原型链方式及混合方式的具体使用技巧,需要的朋友可以参考下2015-12-12
最新评论