方法定義
call方法:
語法：call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
定義：調(diào)用一個對象的一個方法，以另一個對象替換當前對象。
說明：
call 方法可以用來代替另一個對象調(diào)用一個方法。call 方法可將一個函數(shù)的對象上下文從初始的上下文改變?yōu)橛?thisObj 指定的新對象。
如果沒有提供 thisObj 參數(shù)，那么 Global 對象被用作 thisObj。

apply方法：
語法：apply([thisObj[,argArray]])
定義：應(yīng)用某一對象的一個方法，用另一個對象替換當前對象。
說明：
如果 argArray 不是一個有效的數(shù)組或者不是 arguments 對象，那么將導(dǎo)致一個 TypeError。
如果沒有提供 argArray 和 thisObj 任何一個參數(shù)，那么 Global 對象將被用作 thisObj， 并且無法被傳遞任何參數(shù)。
 
常用實例
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) ，所以運行結(jié)果為：alert(4); // 注意：js 中的函數(shù)其實是對象，函數(shù)名是對 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來使用了。 
//輸入結(jié)果為"Cat" 
animal.showName.call(cat,","); 
//animal.showName.apply(cat,[]); 

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

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對象就能夠直接調(diào)用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 就實現(xiàn)多重繼承了
當然，js的繼承還有其他方法，例如使用原型鏈，這個不屬于本文的范疇，只是在此說明call 的用法。說了call ，當然還有 apply，這兩個方法基本上是一個意思，區(qū)別在于 call 的第二個參數(shù)可以是任意類型，而apply的第二個參數(shù)必須是數(shù)組，也可以是arguments

JavaScript 中的call和apply方法主要用來改變函數(shù)對象的上下文，即函數(shù)中this所指向的內(nèi)容。

調(diào)用方法如下:

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']);

通過示例可以看出，通過常規(guī)方式調(diào)用say的時候，方法中的this指向Obj1，而通過call和apply調(diào)用的時候，this卻指向了Obj2。

通過示例可以看出，call和apply的作用是完全相同的，其調(diào)用方法的區(qū)別也只是參數(shù)列表不同罷了。

最新評論