在JavaScript中call()與apply()區別，javascriptapply

在JavaScript中call()與apply()區別，javascriptapply

如果沒接觸過動態語言,以編譯型語言的思維方式去理解javaScript將會有種神奇而怪異的感覺,因為意識上往往不可能的事偏偏就發生了,甚至覺得不可理喻.如果在學JavaScript這自由而變幻無窮的語言過程中遇到這種感覺,那麼就從現在形始,請放下的您的”偏見”,因為這對您來說絕對是一片新大陸,讓JavaScrip

好,言歸正傳,先理解JavaScrtipt動態變換運行時上下文特性,這種特性主要就體現在apply, call兩個方法的運用上.

一、方法的定義

call方法:

文法：call(thisObj，Object)

定義：調用一個對象的一個方法，以另一個對象替換當前對象。

說明：

call 方法可以用來代替另一個對象調用一個方法。call 方法可將一個函數的物件內容從初始的上下文改變為由 thisObj 指定的新對象。
如果沒有提供 thisObj 參數，那麼 Global 對象被用作 thisObj。

apply方法：

文法：apply(thisObj，[argArray])

定義：應用某一對象的一個方法，用另一個對象替換當前對象。

說明：

如果 argArray 不是一個有效數組或者不是 arguments 對象，那麼將導致一個 TypeError。

如果沒有提供 argArray 和 thisObj 任何一個參數，那麼 Global 對象將被用作 thisObj， 並且無法被傳遞任何參數。

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

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

程式碼範例：

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必須是objectvar dog = new Dog(["Black Dog"]); //apply必須是arraycat.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();

總結：

它們各自的定義：

apply：應用某一對象的一個方法，用另一個對象替換當前對象。

call：調用一個對象的一個方法，以另一個對象替換當前對象。

它們的共同之處：

都“可以用來代替另一個對象調用一個方法，將一個函數的物件內容從初始的上下文改變為由 thisObj 指定的新對象。”——摘自JScript5.5 .chm

它們的不同之處：

apply：最多隻能有兩個參數——新this對象和一個數組 argArray。如果給該方法傳遞多個參數，則把參數都寫進這個數組裡面，當然，即使只有一個參數，也要寫進數組裡面。如果 argArray 不是一個有效數組或者不是 arguments 對象，那麼將導致一個 TypeError。如果沒有提供 argArray 和 thisObj 任何一個參數，那麼 Global 對象將被用作 thisObj， 並且無法被傳遞任何參數。

call：則是直接的參數列表，主要用在js對象各方法互相調用的時候，使當前this執行個體指標保持一致,或在特殊情況下需要改變this指標。如果沒有提供 thisObj 參數，那麼 Global 對象被用作 thisObj。

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

您可能感興趣的文章:

• 理解Javascript的caller,callee,call,apply區別
• js apply/call/caller/callee/bind使用方法與區別分析
• JavaScript中apply與call的用法意義及區別說明
• JavaScript學習點滴 call、apply的區別
• Javascript call和apply區別及使用方法
• javascript中apply和call方法的作用及區別說明