当前位置：首页 > 资讯 > 技术文档

Javascript中arguments对象的详解与使用方法

时间：2021-08-20 22:39 编辑：来源：阅读：
扫一扫，手机访问

摘要：Javascript中arguments对象的详解与使用方法

[b]一、arguments使用方法[/b] 通过方括号语法访问每一个元素

var fun = function(one) {
 console.log(arguments[0]);
 console.log(arguments[1]);
 console.log(arguments[2]);
}
fun(1, 2, 3)
// 1
// 2
// 3

通过[code]length[/code]属性,查看到底要几个参数

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

[b]二、arguments与数组的关系[/b] 虽然arguments可以使用中括号语法，并且具有[code]length[/code]属性，但arguments对象只是与数组类似，并不是[code]Array[/code]的实例。因此，无法对 arguments 变量使用标准的数组方法，比如 push, pop 或者 slice。虽然使用 [code]for [/code]循环遍历也是可以的，但是为了更好的使用数组方法，最好把它转化为一个真正的数组。 [b]如何使用数组方法？[/b] 通过[code]apply[/code]方法，把arguments作为参数传进去，这样就可以让arguments使用数组方法了。

// 用于apply方法
myFunction.apply(obj, arguments).
// 使用与另一个数组合并
Array.prototype.concat.apply([1,2,3], arguments)

[b]终极解决方法，直接转为真正的数组[/b] 下面的代码将会创建一个新的数组，包含所有 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);

[b]三、强大却不建议使用的callee属性[/b] arguments的[code]callee[/code]属性可以调用函数本身，当函数正在执行时才可调用，可以实现方法的递归调用下面的代码将会实现一个求阶乘方法

var factorial = function(x){
 return x<=1?1:x*arguments.callee(x-1);
}

在ECMAScript5严格模式中，对这个属性的读写操作会产生一个类型错误，并且会显著的影响现代 JavaScript 引擎的性能，所以，因此强烈建议大家不要使用 [code]arguments.callee[/code] 和它的属性。 [b]四、总结[/b] 以上就是这篇文章的全部内容了，希望本文的内容对大家的学习和工作能带来一定的帮助，如果有疑问大家可以留言交流。

全部评论(0)

上一篇：一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
下一篇：javascript按位非运算符的使用方法

资讯排行榜
更多>>