本文例項講述了JavaScript直接呼叫函式與call呼叫的區別。分享給大家供大家參考，具體如下：

直接呼叫

直接呼叫函式是最常見 最普通的方式,直接以函式附加的物件作為呼叫者,在函式後括號內傳入引數來呼叫函式

例如:

window.alert("測試程式碼");

其中呼叫者如果是window可以省略,即直接alert("測試程式碼");

以call() 方法呼叫函式

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

新同學看來好像直接呼叫就夠了,其實不然,直接呼叫函式方式簡單易用但不夠靈活,有些時候呼叫函式時需要動態地傳入一個函式的引用,此時為了動態地呼叫函式,就需要使用call方法來呼叫了

舉個例子:

<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呼叫的格式是在引數第一個填呼叫者,後邊按順序輸入引數,引數形式比較特別,與直接呼叫不同,呼叫者不寫在前面,而是引數第一項. 格式: fn.call(obj,args);

看到這裡大家應該會有疑問,call到底和直接呼叫有什麼區別,區別就在於call呼叫修改了this指標的指向,如果被呼叫的函式裡壓根沒用到this也就沒有什麼區別了

再舉一個被呼叫函式有this指標的例子:

var x = "我是全域性變數";　　　　//定義全域性變數x
function a(){　　　　　　　　　//定義函式類結構a　
  this.x = "我是在函式類結構a中宣告的哦";
}
//定義普通函式，彈出當前指標所包含的變數x的值
function f(){
  alert (this.x);
}
//返回值為“我是在函式類結構a中宣告的哦”
f.call(new a());

我的理解是，f.call(new a())就是把函式（其實也是物件）f複製到被呼叫物件“new a()”下面去解析，事實上和下面這段程式碼的解析結果一樣：

function a(){
　　this.x = "我是在函式類結構a中宣告的哦";
　　alert(this.x);
}
a();

事實上，是在呼叫f.call()的時候，修改了f()中的this指向。本來，f中的this.a,this.b屬性都是自身的，但是通過f.call()呼叫時，傳入了一個新的物件e()（this），這樣，將e繫結到了f的this中，本來是給f增加的屬性，加到了e中。（e與e(),f與f()都是等價的）有點類似於“繼承”，但是這個應該叫 JS中物件冒充

以apply()方式呼叫函式

apply() 方法與call()方法的功能節本相似,都可以用來動態地呼叫函式. apply()與call()的區別如下:

• 通過call()呼叫函式時必須在括號中詳細地列出每個引數
• apply()動態地呼叫函式時,需要以陣列的形式一次性傳入所有呼叫引數

語法：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測試上述程式碼執行效果。

更多關於JavaScript相關內容可檢視本站專題：《JavaScript常用函式技巧彙總》、《javascript面向物件入門教程》、《JavaScript錯誤與除錯技巧總結》、《JavaScript資料結構與演算法技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程式設計有所幫助。