javascript 對象初探 （六）--- call()和apply()初探

標籤：

在javascript中，每個函數都具有call()和apply()兩個方法，您可以用她們來觸發函數，並指定相關的調用參數。

此外，這兩個方法還有另一個功能，就是她可以讓一個對象去‘借用‘另一個對象的方法，並為己用。這也是一種簡單的代碼重用。

function her = {   name : ‘Anna‘,   say:function(a){        return ‘Hello‘+a+‘I am‘+this.name+‘!‘   }}

這樣一來我們就能調用her對象的say方法。

her.say(Jon); // ‘Hello Jon I am Anna!‘

 下面我們再建立一個對象,他只有一個name屬性：

var his = {    name : ‘Jock‘}

 顯然her的say()方法也同樣適用his()方法。因此我們希望say()方法當做his對象自身的方法來調用，這是就用到了call()或apply()方法：

her.say.call(his,‘Meng‘); // ‘Hello Meng I am Jock!‘

成功了，但您明白為啥嗎？因為這樣一來say()中的this就被自動化佈建成了his的對象的引用，因而this.name為Jock而不是Anna了！！！

另外，如果我們沒有將對象傳遞給call()或apply()的首參數，或傳遞的是null，她的調用對象將會預設為全域對象（即this指向window）。---實際上call()的第一個參數修改了對象this的指向。

apply()的原理其實和call()是相同的，只不過區別在於參數的傳遞形式，下面來對比一下：

her.say.call(his, a,b,c);her.say.apply(his, [a,b,c]);

 

javascript 對象初探 （六）--- call()和apply()初探