js中arguments的用法

了解arguments这个对象以前先来认识一下javascript的一些功能:javascript

其实Javascript并无重载函数的功能,可是Arguments对象可以模拟重载。Javascrip中每一个函数都会有一个Arguments对象实例arguments,它引用着函数的实参,能够用数组下标的方式"[]"引用arguments的元素。arguments.length为函数实参个数,arguments.callee引用函数自身。java

 

arguments他的特性和使用方法数组

特性:函数

1.arguments对象和Function是分不开的。this

2.由于arguments这个对象不能显式建立。spa

3.arguments对象只有函数开始时才可用。code

使用方法:
对象

虽然arguments对象并非一个数组,可是访问单个参数的方式与访问数组元素的方式相同blog

例如:递归

arguments[0],arguments[1],。。。arguments[n]; 

在js中 不须要明确指出参数名,就能访问它们,例如:

 

function test() {
        var s = "";
        for (var i = 0; i < arguments.length; i++) {
            alert(arguments[i]);
            s += arguments[i] + ",";
        }
        return s;
}
test("name", "age");

输出结果:
name,age

 

咱们知道每个对象都有本身的属性,arguments对象也不例外,首先arguments的访问犹如Array对象同样,

用0到arguments.length-1来枚举每个元素。下面咱们来看看callee属性,返回正被执行的 Function 对象,

也就是所指定的 Function 对象的正文。callee 属性是 arguments 对象的一个成员,仅当相关函数正在执行时才可用。

callee 属性的初始值就是正被执行的 Function 对象。实现匿名的递归函数。代码以下:

 

var sum = function (n) {
        if (1 == n) {
            return 1;
        } else {
            return n + arguments.callee(n - 1);
        }
   }
   alert(sum(6));

输出结果:21

 

通俗一点就是,arguments此对象大多用来针对同个方法多处调用而且传递参数个数不同时进行使用。根据arguments的索引来判断执行的方法。

 

知识扩展:

当使用arguments进行函数传递时,有一些须要注意的点。例子以下:

var length = 10;
function fn() { console.log(this.length); } var obj = { method: function(fn) { fn(); arguments[0](); } }; obj.method(fn, 1); 

输出:10,2

 

这里有2个须要注意的点。fn函数里面的this的指向:

1.第一个值为10,执行的是method里面的第一行"fn()",这里this指向的window。因此输出的值为最外层定义的length。

2.第二个值为2,执行的是method里面的第二行"arguments[0]()"(arguments[0]() => fn() ),这里this执行的是arguments这个对象,因此输出值为arguments的长度

 

 

 arguments 的用法和特性基本就是这么多了。可能callee属性用到的比较少。可是若是本身封装或者写一些js的时候 除了callee的东西基本都会用到。有不对的地方但愿朋友们多多支出。你们共同进步。

相关文章
相关标签/搜索