淺談JavaScript異步編程
在一年前初學(xué)js的時(shí)候，看過很多關(guān)于異步編程的講解。但是由于實(shí)踐經(jīng)驗(yàn)少，沒有辦法理解的太多，太理論的東西也往往是看完就忘。
經(jīng)過公司的三兩個(gè)項(xiàng)目的鍛煉，終于對(duì)js異步編程有了比較具體的理解。但始終入門較淺，在這里就當(dāng)是給自己一個(gè)階段性的總結(jié)。
在異步編程中，一條語(yǔ)句的執(zhí)行不能依賴上一條語(yǔ)句執(zhí)行完畢的結(jié)果，因?yàn)闊o法預(yù)測(cè)一條語(yǔ)句什么時(shí)候執(zhí)行完畢，它與代碼順序無關(guān)，語(yǔ)句是并發(fā)執(zhí)行的。
例如以下代碼：
$.get($C.apiPath+'ucenter/padCharge/findMember'，{id:memberId},function(data){
if(data.error){
layer.close(memberLayer);
padInOut(padId,memberId);
allPads();
}
});
這三句在語(yǔ)境中的作用是，在完成某個(gè)ajax訪問并成功獲得數(shù)據(jù)之后，關(guān)閉某個(gè)彈層（1）,執(zhí)行padInOut函數(shù)（2），執(zhí)行allPads函數(shù)（3）；（1）的順序無所謂，但是我希望（3）在（2）之后執(zhí)行，然而這幾句代碼無法達(dá)到我希望的結(jié)果，因?yàn)槿齻€(gè)函數(shù)是同時(shí)執(zhí)行的，allPads無法等待padInOut執(zhí)行完畢之后再執(zhí)行，所以結(jié)果當(dāng)然會(huì)出錯(cuò)。
我最后采取的解決方法是回調(diào)函數(shù)：在padInOut函數(shù)定義加入回調(diào)函數(shù)，如下：
function padInOut(padId,memberId,callback){
$F.POSTLoading($C.apiPath + 'ucenter/padCharge/padInOut',{id:padId,memberId:memberId},function(data){
if(callback)callback()
});
};
當(dāng)方法執(zhí)行完畢并且回調(diào)函數(shù)存在時(shí)，執(zhí)行回調(diào)函數(shù)。此時(shí)函數(shù)執(zhí)行時(shí)通過傳參即可達(dá)到目的：
padInOut(padId,memberId,allPads)
回調(diào)函數(shù)是js異步編程經(jīng)常會(huì)用到的方法。然而使用回調(diào)函數(shù)存在不好的地方，即會(huì)造成回調(diào)地獄。所以es新標(biāo)準(zhǔn)出來也不斷尋求解決回調(diào)的方案。這是后話，本篇寫到這里。
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了uniapp 獲取頁(yè)面來源及注意事項(xiàng),獲取當(dāng)前頁(yè)面棧的實(shí)例,以數(shù)組形式按棧的順序給出,數(shù)組中的元素為頁(yè)面實(shí)例,第一個(gè)元素為首頁(yè),最后一個(gè)元素為當(dāng)前頁(yè)面,感興趣的朋友參考本文實(shí)例代碼2024-03-03
js知識(shí)點(diǎn)總結(jié)之getComputedStyle的用法
getComputedStyle是一個(gè)可以獲取當(dāng)前元素所有最終使用的CSS屬性值,下面這篇文章主要給大家介紹了關(guān)于js知識(shí)點(diǎn)總結(jié)之getComputedStyle用法的相關(guān)資料,需要的朋友可以參考下2022-10-10
JS實(shí)現(xiàn)動(dòng)態(tài)修改table及合并單元格的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)動(dòng)態(tài)修改table及合并單元格的方法,結(jié)合完整實(shí)例形式分析了JS動(dòng)態(tài)遍歷及修改table單元格的具體操作技巧,需要的朋友可以參考下2017-02-02
從層次上來看，對(duì)象的復(fù)制可以簡(jiǎn)單地分為淺復(fù)制和深復(fù)制，顧名思義，淺復(fù)制是指只復(fù)制一層對(duì)象的屬性，不會(huì)復(fù)制對(duì)象中的對(duì)象的屬性，對(duì)象的深復(fù)制會(huì)復(fù)制對(duì)象中層層嵌套的對(duì)象的屬性。本文是我在復(fù)制對(duì)象方面的一些心得總結(jié)，由淺復(fù)制到深復(fù)制，感興趣的朋友一起學(xué)習(xí)吧2017-03-03
模仿JQuery sortable效果 代碼有錯(cuò)但值得看看
模仿JQuery sortable效果 代碼有錯(cuò)但值得看看，因?yàn)闀r(shí)間關(guān)系，需要的朋友可以參考下。2009-11-11
這篇文章主要介紹了在JavaScript中判斷整型的N種方法,需要的朋友可以參考下2014-06-06
js+css實(shí)現(xiàn)導(dǎo)航效果實(shí)例
這篇文章主要介紹了js+css實(shí)現(xiàn)導(dǎo)航效果,實(shí)例分析了下拉菜單導(dǎo)航的js實(shí)現(xiàn)方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
本文為大家介紹下使用js獲取父frame元素及獲取子frame元素的實(shí)現(xiàn)代碼，有需求的朋友可以參考下，希望對(duì)大家有所2013-07-07
Js(JavaScript)中,彈出是或否的選擇框示例(confirm用法的實(shí)例分析)
以下是對(duì)confirm的用法進(jìn)行了分析介紹，需要的朋友可以參考下2013-07-07
js實(shí)現(xiàn)時(shí)間顯示幾天前、幾小時(shí)前或者幾分鐘前的方法集錦
這篇文章主要介紹了js實(shí)現(xiàn)時(shí)間顯示幾天前、幾小時(shí)前或者幾分鐘前的方法,實(shí)例匯總分析了時(shí)間顯示格式轉(zhuǎn)換的常用思路與技巧,需要的朋友可以參考下2015-05-05