apply()和call()方法

最新推荐文章于 2022-08-02 14:56:07 发布

ManGoYi

最新推荐文章于 2022-08-02 14:56:07 发布

阅读量246

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签：对象冒充 apply call javascript

本文链接：https://blog.youkuaiyun.com/mangoyiy/article/details/78253758

javascript 专栏收录该内容

20 篇文章

订阅专栏

本文详细介绍了ES5中函数作为对象的特点，包括如何通过length属性获取函数参数个数，以及如何使用apply()和call()方法来改变函数的作用域，实现方法的冒充，并探讨了这些方法的实际应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ES5的函数是对象，所以也有属性和方法。

    function box(value1, value2) {

    }
    console.log(box.length);   // 2 返回的是函数参数的个数

每个函数都有prototype（原型）属性，prototype有apply（）和call（）两个方法。
每个函数都包含了这两个非继承而来的方法，用来冒充该方法，通过其他的函数调用它。

    function sum(num1, num2) {
        return num1+num2;
    }
    // apply()方法
    function pretend(num1, num2) {
        return sum.apply(this, [num1, num2]); // pretend冒充了sum方法
        // 参数this表示当前作用域，根据上下午this在这里就是window; [num1, num2]数组表示传递的参数。
    }
    console.log(pretend(4, 9));             // 13

    // call()方法
    function pretendOther(num1, num2) {
        return sum.call(this, num1, num2);  // pretendOther冒充了sum方法
        // 参数this同样表示作用域， num1、num2表示传递的参数。
    }
    console.log(pretendOther(4, 9));             // 13

    apply()和call()方法唯一的区别就是：它们传递参数的形式不同。

apply()和call()方法真正的作用是：能够扩展函数赖以运行的作用域！

    var color = 'red';
    var box = {
        color: 'blue'
    };
    function sayColor() {
        alert(this.color);
    }
    sayColor.call(box);  // 冒充box, 作用域就在box对象内，所以为blue

    // call()和apply()扩展作用域最大的好处：使得对象和方法不需要存在任何耦合关系