call与apply的作用与区别

1.首先要明白 fun(), fun.apply(obj) , fun.call(obj)都能调用函数,请看:

 

function fun(){
      alert("我是fun函数");
}
fun.apply();
fun.call();
fun();

 

 

 

 

 2.fun()调用:

function fun(){
      alert(this)
  }

fun();

 

 函数的形式调用this为windows

 

 

 

 3.fun.call(obj)或者fun.apply(obj)调用函数:

fun.call(obj) //fun.apply(obj)

 

 this为object对象，这两个为函数的对象方法，需要函数对象来调用,所以在调用call()和apply(),可以将一个对象指定为第一个参数，此时这个对象将会变成这个函数执行时的this，换句话说你这个参数传的是谁，这个函数执行时的this就是谁。

 

 

 

 这样可能不好理解,下面举个例子:

 function fun(){
      alert(this.name)
  }

  var obj = {name:"obj"};
  fun.call(obj);
  fun();   //this为windows   没有name属性

 

第一个弹窗为obj,因为传入了一个对象，该对象是这个函数执行时的this，所以为obj

第二个弹窗为空     window身上没有name属性

 

 

 

4.区别   apply与call区别

function fun(a,b){
    console.log("a="+a);
    console.log("b="+b)
}



var obj = {name:"obj",
        sayName:function(){
            alert(this.name)
        }   
  };
  
fun.call(obj);

 

 

 上文fun.call(obj)没有传参，现在传参观察一下,   2,3

fun.call(obj,2,3);

 

 

 观察发现:call方法可以将实参在对象之后一次传递,即后面的的参数都会作为实参往这个fun（）函数上传递

 

再来看看fun.apply(),上文代码用fun.apply(obj,2,3)调用一下

fun.apply(obj,2,3);

 

 报错翻译:apply()方法需要将实参封装到一个数组中统一传递

将实参封装到数组中再调用一下,fun.apply(obj,[2,3])

fun.apply(obj,[2,3])

 

 

总结：这两方法，通过函数对象调用，都可以指定函数运行时的this，(即传入的那个对象)

          fun()形式调用，this永远是window

call()方法可以将实参在对象后依次传递，apply()方法需要将实参封装到一个数组中统一传递