Javascript中arguments对象的详解与使用方法
投稿:daisy 字体:[增加 减小] 类型:转载 时间:2016-10-04 我要评论
一、arguments使用方法
通过方括号语法访问每一个元素
1
2
3
4
5
6
7
8
9
|
var
fun =
function
(one) {
console.log(arguments[0]);
console.log(arguments[1]);
console.log(arguments[2]);
}
fun(1, 2, 3)
// 1
// 2
// 3
|
通过length
属性,查看到底要几个参数
1
2
3
4
5
6
|
function
fun() {
return
arguments.length;
}
fun(1, 2, 3)
// 3
fun(1)
// 1
fun()
// 0
|
参数赋值(“严格模式下不允许”)
1
2
3
4
5
6
|
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使用数组方法了。
1
2
3
4
|
// 用于apply方法
myFunction.apply(obj, arguments).
// 使用与另一个数组合并
Array.prototype.concat.apply([1,2,3], arguments)
|
终极解决方法,直接转为真正的数组
下面的代码将会创建一个新的数组,包含所有 arguments 对象中的元素。
1
2
3
4
5
6
7
8
|
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
属性可以调用函数本身,当函数正在执行时才可调用,可以实现方法的递归调用
下面的代码将会实现一个求阶乘方法
1
2
3
|
var
factorial =
function
(x){
return
x<=1?1:x*arguments.callee(x-1);
}
|
在ECMAScript5严格模式中,对这个属性的读写操作会产生一个类型错误,并且会显著的影响现代 JavaScript 引擎的性能,所以,因此强烈建议大家不要使用 arguments.callee
和它的属性。
四、总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习和工作能带来一定的帮助,如果有疑问大家可以留言交流。