JavaScript中的call方法和apply方法使用對比_基礎知識

方法定義
call方法:
語法：call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
定義：呼叫一個物件的一個方法，以另一個物件取代當前物件。
說明：
call 方法可以用來取代另一個物件呼叫一個方法。 call 方法可將一個函數的物件上下文從初始的上下文變更為由 thisObj 指定的新物件。
如果沒有提供 thisObj 參數，那麼 Global 物件被用作 thisObj。

apply方法：
語法：apply([thisObj[,argArray]])
定義：應用某一物件的一個方法，用另一個物件取代目前物件。
說明：
如果 argArray 不是一個有效的陣列或不是 arguments 對象，那麼將導致一個 TypeError。
如果沒有提供 argArray 和 thisObj 任何一個參數，那麼 Global 物件將被用作 thisObj， 並且無法被傳遞任何參數。
 
常用實例
a、

function add(a,b) 
{ 
 alert(a+b); 
} 
function sub(a,b) 
{ 
 alert(a-b); 
} 
 
add.call(sub,3,1); 

 這個範例中的意思是用add 來取代sub，add.call(sub,3,1) == add(3,1) ，所以運行結果為：alert(4); // 注意：js 中的函數其實是對象，函數名是對Function 物件的參考。
 
b、

function Animal(){ 
 this.name = "Animal"; 
 this.showName = function(){ 
  alert(this.name); 
 } 
} 
 
function Cat(){ 
 this.name = "Cat"; 
} 
 
var animal = new Animal(); 
var cat = new Cat(); 
 
//通过call或apply方法，将原本属于Animal对象的showName()方法交给对象cat来使用了。 
//输入结果为"Cat" 
animal.showName.call(cat,","); 
//animal.showName.apply(cat,[]); 

 call 的意思是把animal 的方法放到cat上執行，原來cat是沒有showName() 方法，現在是把animal 的showName()方法放到cat上來執行，所以this.name 應該是Cat
 
c、實作繼承

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.showName(); 

 Animal.call(this) 的意思就是使用 Animal對象來代替this對象，那麼 Cat中不就有Animal的所有屬性和方法了嗎，Cat對象就能夠直接調用Animal的方法以及屬性了.
 
d、多重繼承

function Class10() 
{ 
 this.showSub = function(a,b) 
 { 
  alert(a-b); 
 } 
} 
 
function Class11() 
{ 
 this.showAdd = function(a,b) 
 { 
  alert(a+b); 
 } 
} 
 
function Class2() 
{ 
 Class10.call(this); 
 Class11.call(this); 
} 

 很簡單，使用兩個 call 就實現多重繼承了
當然，js的繼承還有其他方法，例如使用原型鏈，這個不屬於本文的範疇，只是在此說明call 的用法。說了call ，當然還有 apply，這兩個方法基本上是一個意思，區別在於 call 的第二個參數可以是任意類型，而apply的第二個參數必須是數組，也可以是arguments

JavaScript 中的call和apply方法主要用來改變函數物件的上下文，也就是函數中this所指向的內容。

呼叫方法如下:

fun.call(obj1, arg1, arg2, ...);
fun.apply(obj2, [arrs]);

具體範例：

var Obj1 = {
 name: 'Object1',
 say: function(p1, p2) {
  console.log(this.name + ' says ' + p1 + ' ' + p2);
 }
};

// logs 'Object1 says Good morning'
Obj1.say('Good', 'morning');

var Obj2 = {
 name: 'Object2'
};

// logs 'Object2 says Good afternoon'
Obj1.say.call(Obj2, 'Good', 'afternoon');

// logs 'Object2 says Good afternoon again'
Obj1.say.apply(Obj2, ['Good', 'afternoon again']);

透過範例可以看出，透過常規方式呼叫say的時候，方法中的this指向Obj1，而透過call和apply呼叫的時候，this卻指向了Obj2。

透過範例可以看出，call和apply的作用是完全相同的，其呼叫方法的差異也只是參數清單不同罷了。