如果沒接觸過動(dòng)態(tài)語言,以編譯型語言的思維方式去理解javaScript將會(huì)有種神奇而怪異的感覺,因?yàn)橐庾R(shí)上往往不可能的事偏偏就發(fā)生了,甚至覺得不可理喻.如果在學(xué)JavaScript這自由而變幻無窮的語言過程中遇到這種感覺,那么就從現(xiàn)在形始,請(qǐng)放下的您的”偏見”,因?yàn)檫@對(duì)您來說絕對(duì)是一片新大陸,讓JavaScrip

好,言歸正傳,先理解JavaScrtipt動(dòng)態(tài)變換運(yùn)行時(shí)上下文特性,這種特性主要就體現(xiàn)在apply, call兩個(gè)方法的運(yùn)用上.

一、方法的定義

call方法:

語法：call(thisObj，Object)

定義：調(diào)用一個(gè)對(duì)象的一個(gè)方法，以另一個(gè)對(duì)象替換當(dāng)前對(duì)象。

說明：

call 方法可以用來代替另一個(gè)對(duì)象調(diào)用一個(gè)方法。call 方法可將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛?thisObj 指定的新對(duì)象。
如果沒有提供 thisObj 參數(shù)，那么 Global 對(duì)象被用作 thisObj。

apply方法：

語法：apply(thisObj，[argArray])

定義：應(yīng)用某一對(duì)象的一個(gè)方法，用另一個(gè)對(duì)象替換當(dāng)前對(duì)象。

說明：

如果 argArray 不是一個(gè)有效的數(shù)組或者不是 arguments 對(duì)象，那么將導(dǎo)致一個(gè) TypeError。

如果沒有提供 argArray 和 thisObj 任何一個(gè)參數(shù)，那么 Global 對(duì)象將被用作 thisObj， 并且無法被傳遞任何參數(shù)。

--------------------------------------------------------------------------------

注意：call和apply方法完全一致，只是apply在傳參的方式上，它以數(shù)組方式來傳參。

代碼示例：

function Animal(name) {
this.name = name;
this.showName = function() {
console.log(this.name);
};
}
function Cat(name) {
Animal.call(this, name);
}
Cat.prototype = new Animal();
function Dog(name) {
Animal.apply(this, name);
}
Dog.prototype = new Animal();
var cat = new Cat("Black Cat"); //call必須是object
var dog = new Dog(["Black Dog"]); //apply必須是array
cat.showName();
dog.showName();
console.log(cat instanceof Animal);
console.log(dog instanceof Animal); 

-------------------------------------------------------------------------------

模擬call, apply的this替換

function Animal(name) {
this.name = name;
this.showName = function() {
alert(this.name);
};
};
function Cat(name) {
this.superClass = Animal;
this.superClass(name);
delete superClass;
}
var cat = new Cat("Black Cat");
cat.showName();

總結(jié)：

它們各自的定義：

apply：應(yīng)用某一對(duì)象的一個(gè)方法，用另一個(gè)對(duì)象替換當(dāng)前對(duì)象。

call：調(diào)用一個(gè)對(duì)象的一個(gè)方法，以另一個(gè)對(duì)象替換當(dāng)前對(duì)象。

它們的共同之處：

都“可以用來代替另一個(gè)對(duì)象調(diào)用一個(gè)方法，將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛?thisObj 指定的新對(duì)象。”——摘自JScript5.5 .chm

它們的不同之處：

apply：最多只能有兩個(gè)參數(shù)——新this對(duì)象和一個(gè)數(shù)組 argArray。如果給該方法傳遞多個(gè)參數(shù)，則把參數(shù)都寫進(jìn)這個(gè)數(shù)組里面，當(dāng)然，即使只有一個(gè)參數(shù)，也要寫進(jìn)數(shù)組里面。如果 argArray 不是一個(gè)有效的數(shù)組或者不是 arguments 對(duì)象，那么將導(dǎo)致一個(gè) TypeError。如果沒有提供 argArray 和 thisObj 任何一個(gè)參數(shù)，那么 Global 對(duì)象將被用作 thisObj， 并且無法被傳遞任何參數(shù)。

call：則是直接的參數(shù)列表，主要用在js對(duì)象各方法互相調(diào)用的時(shí)候，使當(dāng)前this實(shí)例指針保持一致,或在特殊情況下需要改變this指針。如果沒有提供 thisObj 參數(shù)，那么 Global 對(duì)象被用作 thisObj。

更簡(jiǎn)單地說，apply和call功能一樣，只是傳入的參數(shù)列表形式不同：如 func.call(func1,var1,var2,var3)對(duì)應(yīng)的apply寫法為：func.apply(func1,[var1,var2,var3])

最新評(píng)論