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