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