• 技术文章 >web前端 >js教程

    Javascript学习笔记之函数篇(四):arguments 对象_基础知识

    2016-05-16 16:30:34原创523
    每一个 Javascript 函数都能在自己作用域内访问一个特殊的变量 - arguments。这个变量含有一个传递给函数的所有参数的列表。
    arguments 对象不是一个数组。尽管在语法上它跟数组有相同的地方,例如它拥有 length 属性。但它并不是从 Array.prototype 继承而来,实际上,它就是一个对象。
    因此,我们不能直接对 arguments 使用一些数组的方法,例如 push, pop 或 slice 等。 所以为了使用这些方法,我们就需要将其转换为一个真正的数组。

    转化为数组

    下面的代码将会返回一个包含 arguments 对象所有元素的数组。

    Array.prototype.slice.call(arguments);
    由于转化的速度很慢,所以在性能要求严格的程序中不建议这样做。

    传递参数

    下面是一种比较推荐的方法,将 arguments 对象从一个函数传递到另一个函数。

    复制代码 代码如下:

    function foo() {
    bar.apply(null, arguments);
    }
    function bar(a, b, c) {
    // do stuff here
    }

    另外还有一个比较巧妙的方法,就是同时使用 call 和 apply 快速创建一个解绑的外层方法。

    复制代码 代码如下:

    function Foo() {}
    Foo.prototype.method = function(a, b, c) {
    console.log(this, a, b, c);
    };
    // Create an unbound version of "method"
    // It takes the parameters: this, arg1, arg2...argN
    Foo.method = function() {
    // Result: Foo.prototype.method.call(this, arg1, arg2... argN)
    Function.call.apply(Foo.prototype.method, arguments);
    };

    函数形参和 arguments 属性的关系

    arguments 对象为它自身属性和函数的形参都创建了 getter 和 setter 方法。
    因此,修改函数的形参会影响对应的 arguments 对象的属性值,反之亦然。

    复制代码 代码如下:

    function foo(a, b, c) {
    arguments[0] = 2;
    a; // 2
    b = 4;
    arguments[1]; // 4
    var d = c;
    d = 9;
    c; // 3
    }
    foo(1, 2, 3);

    性能问题

    arguments 只在两种情况下不会被创建,一是在函数内部被声明为局部变量,二是当做函数的形参。其他情况,arguments 对象总是会被创建。
    由于 getter 和 setter 方法总是会随着 arguments 对象的创建而创建,因此使用 arguments 对性能本身几乎没有影响。
    然而,有一种情形会严重影响 Javascript 的性能,那就是使用 arguments.callee。

    复制代码 代码如下:

    function foo() {
    arguments.callee; // do something with this function object
    arguments.callee.caller; // and the calling function object
    }
    function bigLoop() {
    for(var i = 0; i < 100000; i++) {
    foo(); // Would normally be inlined...
    }
    }

    在上述代码中,foo 函数不再是一个简单的内联扩展,因为它需要知道它自身以及它的调用者(caller)。这不仅抵消了内联扩展所带来的性能提升,同时也破坏了函数的封装性,因为函数本身可能需要依赖于一个特定的调用背景。
    因此,建议大家尽量不要使用 arguments.callee。

    以上就是关于Javascript arguments 对象的全部内容了,小伙伴们是否了解透彻呢,简单的说

    arguments指函数的参数对象(指实际传入的参数)
    arguments.length指函数的参数对象的长度
    arguments[i]指第i个参数的值(第一个为0)

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Javascript arguments 对象
    上一篇:基于jQuery实现表单提交验证_jquery 下一篇:jQuery简单实现网页选项卡特效_jquery
    Web大前端开发直播班

    相关文章推荐

    • Angular知识点分享:聊聊表单、管道、绑定、指令、通信和周期• 深入聊聊node.js中的EventEmitter• Angular项目中怎么使用 SASS 样式• 一文掌握JavaScript对象• Vercel是什么?怎么部署Node服务?
    1/1

    PHP中文网