apply, call的用法与区别

最新推荐文章于 2024-12-24 19:28:40 发布

最新推荐文章于 2024-12-24 19:28:40 发布 · 159 阅读

文章标签：

#JavaScript #ViewUI

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了JavaScript中call与apply两种方法的区别与联系。这两种方法都用于借用其他对象的方法进行调用，但传递参数的方式不同：call方法接受一系列单独的参数，而apply方法则接收一个参数数组。

相同点:两个方法产生的作用是完全一样的

不同点:方法传递的参数不同

在JavaScript中,代码总是有一个上下文对象,代码处理该对象之内. 上下文对象是通过this变量来体现的, 这个this变量永远指向当前代码所处的对象中

call, apply作用就是借用别人的方法来调用,就像调用自己的一样

call, apply方法区别是,从第二个参数起, call方法参数将依次传递给借用的方法作参数, 而apply直接将这些参数放到一个数组中再传递, 最后借用方法的参数列表是一样的.

如下例子可以看出它们的用法与区别

function A() {
    this.message = "A";
    this.getMessage = function() {
        return this.message;
    }
}

function B() {
    this.message = "B";
    this.setMessage = function(msg) {
        this.message = msg;
    }
    
}

var a = new A();
var b = new B();
b.setMessage.call(a,"A的消息");
alert(a.getMessage());
alert(a.getMessage.call(b));

function test(msg) {
   b.setMessage.apply(a,[msg]); 
 //  b.setMessage.apply(a,arguments); 
}
test("测试");
alert(a.getMessage());