JS基础篇-arguments

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

其实javascript并没有重载函数的功能,但是arguments对象能够模拟重载。javascript中每个函数都会有一个arguments对象实例arguments,它引用着函数的实参,可以用数组下标的方式“[]”引用arguments的元素。

arguments.length为函数实参的个数,arguments.callee引用函数自身。

特性:

1、arguments对象和Function是分不开的;

2、arguments这个对象不能显式创建;

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

使用方法:

虽然argumengs对象不是一个数组,但访问单个参数的方式与访问数组元素的方式相同:

例如:arguments[0]

function demo(){

    console.log(arguments[0])

}

demo(1,2)    // 1

我们知道每个对象都有自己的属性,arguments也不例外,首先arguments的访问犹如array对象一样,用0到arguments.length-1来枚举每一个元素。另一个callee属性,返回正被执行的 Function 属性,也就是所指定的 Function 对象的正文。callee属性是arguments对象的一个成员,仅当相关函数正在执行时才可用。callee属性的初始值就是正在被执行的 Function 对象。实现匿名的递归函数,如下:

(function(n){

    if(n <=0){return n} else {

        return n + arguments.callee(n-1)

    }

})

知识拓展:

当使用arguments进行函数传旨时,有一些需要注意的点。例:

var length = 10;

function fn(){console.log(this.length)}

var obj = {

    method: function(fn) {

        fn();

        arguments[0]();

    }

};

obj.method(fn, 1);    // 10, 2

这里有两个需要注意的点,fn函数里的this的指向:

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

2、第二个值为2,执行的method里面的第二行arguments[0]() (arguments[0]=>fn()),这里的this执行的是arguments这个对象,所以输出值为arguments的长度。

关于this指向问题可以看这里:this指向问题

关于伪数组的问题可以看这里:伪数组

你可能感兴趣的:(JS基础篇-arguments)