对javascript中call()方法的理解

Posted 2020-10-09 Yukiee

call ( thisObj [, arg1 [, arg2 [,  [, argN] ] ] ])

call()方法：官方介绍是，调用一个对象的一个方法，以另一个对象替换当前对象。

　　　　　call()方法应用于Function对象，可以用来代替另一个对象调用一个方法，可将一个函数的对象上下文从初始的上下文改变为thisObj指定的新对象。如果没有提供thisObj参数，那么Global对象被用作thisObj.

　　直接理解这几句话还是挺难理解的。先看一个例子：

function Class1(){
        this.name = \'fine\';
        this.showName = function(){
            console.log(this.name);
            console.log(this);
        };
        console.log(this);
    }
　　//实例化构造函数
    var class1 = new Class1();
    class1.showName();

在Chrome浏览器中测试的结果是：

可以看到两个console.log(this)的值是一样的，均指向构造函数；

然后再把上面的例子修饰一下:

　　function Class1(){
        this.name = \'fine\';
        this.showName = function(){
            console.log(this.name);
            console.log(this);
        };
        console.log(this);
    }
    function Class2(){
        this.name = \'ok\';
    }
    //创建相应的实例
    var class1 = new Class1();
    var class2 = new Class2();
    class1.showName.call(class2);//call方法必须应用于函数对象上

在浏览器中测试如下：

第一个Class1对象是位于Class1构造函数中showName方法之外的console.log(this)，在使用call方法后，即

　　class1.showName.call(class2);

这个位于showName方法之外的this仍然指向的是Class1.

接下来的 ok 和 Class2对象是位于showName方法内部的，this的指向已经改变，指向了Class2构造函数。可见，call方法改变了它所应用的函数中的this指针的指向。

暂时对call方法的理解就是这样了，以后有别的理解再补上，也可能有不对的地方欢迎补充~~

参考了Bparadise的博客文章：http://www.cnblogs.com/wuyuetian/p/4999723.html