JavaScript直接調(diào)用函數(shù)與call調(diào)用有什么區(qū)別

小編這次要給大家分享的是JavaScript直接調(diào)用函數(shù)與call調(diào)用有什么區(qū)別，文章內(nèi)容豐富，感興趣的小伙伴可以來(lái)了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

澄海ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

直接調(diào)用

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

例如:

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

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

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

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

新同學(xué)看來(lái)好像直接調(diào)用就夠了, 其實(shí)不然, 直接調(diào)用函數(shù)方式簡(jiǎn)單易用但不夠靈活, 有些時(shí)候調(diào)用函數(shù)時(shí)需要?jiǎng)討B(tài)地傳入一個(gè)函數(shù)的引用,此時(shí)為了動(dòng)態(tài)地調(diào)用函數(shù),就需要使用call方法來(lái)調(diào)用了

舉個(gè)例子:

<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+"個(gè)元素是"+ele+"<br/>");
}
 
);
</script>

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

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

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

var x = "我是全局變量";　　　　//定義全局變量x
function a(){　　　　　　　　　//定義函數(shù)類結(jié)構(gòu)a　
  this.x = "我是在函數(shù)類結(jié)構(gòu)a中聲明的哦";
}
//定義普通函數(shù)，彈出當(dāng)前指針?biāo)淖兞縳的值
function f(){
  alert (this.x);
}
//返回值為“我是在函數(shù)類結(jié)構(gòu)a中聲明的哦”
f.call(new a());

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

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

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

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

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

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

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

比如下面的兩個(gè)語(yǔ)句是相等的:

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

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

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

看完這篇關(guān)于JavaScript直接調(diào)用函數(shù)與call調(diào)用有什么區(qū)別的文章，如果覺得文章內(nèi)容寫得不錯(cuò)的話，可以把它分享出去給更多人看到。

網(wǎng)站欄目：JavaScript直接調(diào)用函數(shù)與call調(diào)用有什么區(qū)別
網(wǎng)頁(yè)網(wǎng)址：http://muchs.cn/article30/isjjso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、動(dòng)態(tài)網(wǎng)站、用戶體驗(yàn)、、網(wǎng)站維護(hù)、品牌網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容