JavaScript中函數（Function）的apply與call理解_javascript技巧

JavaScript函數呼叫分為4中模式：

1. 方法呼叫模式：即物件包含方法屬性，Obj.methodName()或Obj[methodName]()。
2. 函數呼叫模式：即methodName()。
3. 建構器呼叫模式：即new MethodName()。
4. apply和call呼叫模式：即ObjA.apply(ObjB,args[])或ObjA.call(ObjB,arg1,arg2...)。

函數呼叫時，除了接收形式參數外，還會接收this和arguments。其中this為函數物件上下文，arguments為實際參數。
apply和call實作同樣的功能，即切換函數物件的上下文(this指向的參考)，差別在於形式參數不一樣。 apply為arguments或數組，call為以逗號隔開多個單獨形式參數。

function add(c) 
{ 
  alert(this.a+this.b+c); 
} 
var test={a:1,b:2} 
add.call(test,3);

在執行add.call(test,3); 之前add和test都屬於window下，此時this指向window。 add.call(test,3); 執行時，進入add方法體，此時this由window切換為test，此時this.a=test.a,this.b=test.b,c為形式參數傳入的值，即alert()的結果為1 2 3=6。 apply也是一樣的功能。
 
透過apply和call實現擴展和繼承：

function Animal(name){   
   this.name = name;   
   this.showName = function(){   
     alert(this.name);   
   }   
 }   
   
 function Cat(name){  
   Animal.call(this, name); 
 }   
   
 var cat = new Cat("Black Cat");//执行时，Cat函数体的this由window切换为Cat{}， 
// Animal函数体的this.name通过形式参数传入即为Black Cat，最终cat 
 //得到的结果为cat=Cat{name:"Black Cat",showName: function(){ alert(this.name);}， 
 cat.showName();//执行时this由window切换为 
 //Cat{name:"Black Cat",showName: function(){ alert(this.name);} 此时this.name 
 //为this.name=Cat.name,因此为Black Cat。