DIV CSS 佈局教程網

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。