call和apply的区别和用法

call和apply的区别

obj.call(thisObj, arg1, arg2, …);
obj.apply(thisObj, [arg1, arg2, …]);
call和apply作用都是把obj绑定到thisObj的作用,即改变this的指向,然而唯一的区别就是apply传递的参数必须得是数组的形式传递,而call则直接连续参数传递

call和apply在什么地方可以用到呢?

当一个对象需要调用另外一个对象里面的方法的时候就可以用到call和apply,call和Apply可以理解成是继承另外一个对象的方法,以下代码举例:

首先,我们先建立两个对象,obj1和obj2

 var name = "全局中的name";
    var obj1 = {
        name:"obj1中的name",
        func1:function(){
            console.log(this.name);
        },
        func2:function (a,b) {
            console.log(a+b);
            return a+b;
        }
    }

    var obj2 = {
        name:"obj2中的name"
    }

如果obj2对象要调用obj1中的func1方法,则

 obj1.func1.call(obj2); //输出:obj2中的name
 obj1.func1.apply(obj2);//输出:obj2中的name

call和apply第一个参数都是表示obj1绑定的对象,如果obj1要绑定到this,此时obj1就是绑定到全局,如:

 obj1.func1.call(this);//输出:全局中的name
 obj1.func1.apply(this);//输出:全局中的name

如果obj2对象要调用obj1中的func2方法,则

  obj1.func2.call(obj2,1,2);//输出:3
  obj1.func2.apply(obj2,[1,2]);//输出:3

此时func2方法是有参数的,call和apply中第二个参数开始是传给func2方法的参数,但是call参数是直接连续传递,而apply传递参数是以一个数组传递

全部代码展示:

  var name = "全局中的name";
    var obj1 = {
        name:"obj1中的name",
        func1:function(){
            console.log(this.name);
        },
        func2:function (a,b) {
            console.log(a+b);
            return a+b;
        }
    }

    var obj2 = {
        name:"obj2中的name"
    }

    obj1.func1.call(this);//输出:全局中的name
    obj1.func1.apply(this);//输出:全局中的name

    obj1.func1.call(obj2); //输出:obj2中的name
    obj1.func1.apply(obj2);//输出:obj2中的name

    obj1.func2.call(obj2,1,2);//输出:3
    obj1.func2.apply(obj2,[1,2]);//输出:3
    原文作者:hope93
    原文地址: https://segmentfault.com/a/1190000012116140
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞