JavaScript 百分网手机站

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

时间:2018-05-09 12:49:22 JavaScript 我要投稿

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) // 3fun(1) // 1fun() // 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中arguments对象的详解和使用方法】相关文章:

1.Javascript中设立对象的ReadOnly属性

2.javascript中String对象的slice()方法

3.关于javascript对象之内置和对象Math的使用方法

4.详解JavaScript中的splice()使用方法

5.理解Javascript对象

6.关于javascript中cookie对象用法的实例分析

7.关于javascript中encodeURI和decodeURI的使用方法

8.javascript包装对象的用法