美文网首页
JS基础篇-arguments

JS基础篇-arguments

作者: 艾萨克菊花 | 来源:发表于2019-07-20 14:41 被阅读0次

    了解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

          本文链接:https://www.haomeiwen.com/subject/iftulctx.html