构造函数继承之 call（）与apply（）的作用与区别

最新推荐文章于 2022-04-12 14:57:36 发布

qq_58590962

最新推荐文章于 2022-04-12 14:57:36 发布

阅读量354

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_58590962/article/details/117959327

javascript 专栏收录该内容

7 篇文章

订阅专栏

本文探讨了JavaScript中Function对象的call和apply方法，它们都可以改变函数的上下文对象，但应用方式有所不同。call接受直接的参数列表，而apply则需要一个参数数组。此外，介绍了两者在改变this指向和借用其他对象方法时的作用。

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

Javascript的每个Function对象中有一个call方法：

function.call(thisObj,对应参数)

还有一个类似功能的apply方法：

function.apply(thisObj,[参数数组])

它们的共同之处：

都“可以用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。”

它们的不同之处：

apply：
最多只能有两个参数——新this对象和一个数组 argArray。如果给该方法传递多个参数，则把参数都写进这个数组里面，当然，即使只有一个参数，也要写进数组里面。如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj，并且无法被传递任何参数。

call：
则是直接的参数列表，主要用在js对象各方法互相调用的时候，使当前this实例指针保持一致,或在特殊情况下需要改变this指针。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

更简单地说，apply和call功能一样，只是传入的参数列表形式不同：如 func.call(func1,var1,var2,var3) 对应的apply写法为：func.apply(func1,[var1,var2,var3])
也就是说：call调用的为单个，apply调用的参数为数组

作用1：改变this指向

function Student(name) {
        this.name = name;
        this.showInfo = function () {
            console.log(this.name);
        }
        this.play = function (a, b, c) {
            console.log(this.name);
            console.log(a, b, c);
        }
    }
    var s1 = new Student("王一"); //实例化对象s1
    var s2 = new Student("王二"); //         s2
    s1.play.call(s2, "足球", "篮球", "网球"); //call改变s1的指向到s2
    s1.play.apply(s2, ["足球", "篮球", "网球"]); //apply改变s1的指向到s2

作用2：借用别的对象的方法

 	var arr = [1, 2, 3, 4, 5];
    var max = Math.max(arr); //Math.max无法以数组作为参数，取最大值
    var max = Math.max.apply(null, arr); //用apply方法,将[1,2,3,4,5]作为参数传进去
    console.log(max);//5