本文實例講述了JavaScript直接調(diào)用函數(shù)與call調(diào)用的區(qū)別。分享給大家供大家參考，具體如下：

直接調(diào)用

直接調(diào)用函數(shù)是最常見 最普通的方式,直接以函數(shù)附加的對象作為調(diào)用者, 在函數(shù)后括號內(nèi)傳入?yún)?shù)來調(diào)用函數(shù)

例如:

window.alert("測試代碼");

其中調(diào)用者如果是window可以省略, 即直接alert("測試代碼");

以call() 方法調(diào)用函數(shù)

語法：call([thisObject[,arg1 [,arg2 [,...,argn]]]]);

新同學看來好像直接調(diào)用就夠了, 其實不然, 直接調(diào)用函數(shù)方式簡單易用但不夠靈活,  有些時候調(diào)用函數(shù)時需要動態(tài)地傳入一個函數(shù)的引用,此時為了動態(tài)地調(diào)用函數(shù),就需要使用call方法來調(diào)用了

舉個例子:

<script type="text/javascript">
var each =function(array,fn)
{
 for(var index in array)
 {
 fn.call(null,index,array[index]);
 }
}
each([4,20,3],function (index,ele)
{
 document.write("第"+index+"個元素是"+ele+"<br/>");
}
 
);
</script>

乍看可能比較暈, 注意fn.call語句, call調(diào)用的格式是在參數(shù)第一個填調(diào)用者,后邊按順序輸入?yún)?shù),  參數(shù)形式比較特別, 與直接調(diào)用不同,調(diào)用者不寫在前面, 而是參數(shù)第一項.   格式: fn.call(obj,args);

看到這里大家應(yīng)該會有疑問,  call到底和直接調(diào)用有什么區(qū)別, 區(qū)別就在于call調(diào)用修改了this指針的指向, 如果被調(diào)用的函數(shù)里壓根沒用到this也就沒有什么區(qū)別了

再舉一個被調(diào)用函數(shù)有this指針的例子:

var x = "我是全局變量";　　　　//定義全局變量x
function a(){　　　　　　　　　//定義函數(shù)類結(jié)構(gòu)a　
  this.x = "我是在函數(shù)類結(jié)構(gòu)a中聲明的哦";
}
//定義普通函數(shù)，彈出當前指針所包含的變量x的值
function f(){
  alert (this.x);
}
//返回值為“我是在函數(shù)類結(jié)構(gòu)a中聲明的哦”
f.call(new a());

我的理解是，f.call(new a())就是把函數(shù)（其實也是對象）f復(fù)制到被調(diào)用對象“new a()”下面去解析，事實上和下面這段代碼的解析結(jié)果一樣：

function a(){
　　this.x = "我是在函數(shù)類結(jié)構(gòu)a中聲明的哦";
　　alert(this.x);
}
a();

事實上，是在調(diào)用f.call()的時候，修改了f()中的this指向。本來，f中的this.a,this.b屬性都是自身的，但是通過f.call()調(diào)用時，傳入了一個新的對象e()（this），這樣，將e綁定到了f的this中，本來是給f增加的屬性，加到了e中。（e與e(),f與f()都是等價的）有點類似于“繼承”，但是這個應(yīng)該叫 JS中對象冒充

以apply()方式調(diào)用函數(shù)

apply() 方法與call()方法的功能節(jié)本相似 ,都可以用來動態(tài)地調(diào)用函數(shù). apply()與call()的區(qū)別如下:

• 通過call()調(diào)用函數(shù)時必須在括號中詳細地列出每個參數(shù)
• apply()動態(tài)地調(diào)用函數(shù)時, 需要以數(shù)組的形式一次性傳入所有調(diào)用參數(shù)

語法：apply([thisObj [,argArray] ]);

比如下面的兩個語句是相等的:

myfun.call(window,12,13);
myfun.capply(window,[12,13]);

在修改this指針這點上,apply()與call()也保持一致, 

大體上來說apply()與call()只在傳參形式上有些差別而已.

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

最新評論