在一年前初學(xué)js的時候,看過很多關(guān)于異步編程的講解。但是由于實踐經(jīng)驗少,沒有辦法理解的太多,太理論的東西也往往是看完就忘。
經(jīng)過公司的三兩個項目的鍛煉,終于對js異步編程有了比較具體的理解。但始終入門較淺,在這里就當(dāng)是給自己一個階段性的總結(jié)。
在異步編程中,一條語句的執(zhí)行不能依賴上一條語句執(zhí)行完畢的結(jié)果,因為無法預(yù)測一條語句什么時候執(zhí)行完畢,它與代碼順序無關(guān),語句是并發(fā)執(zhí)行的。
例如以下代碼:
$.get($C.apiPath+'ucenter/padCharge/findMember',{id:memberId},function(data){ if(data.error){ layer.close(memberLayer); padInOut(padId,memberId); allPads(); }});這三句在語境中的作用是,在完成某個ajax訪問并成功獲得數(shù)據(jù)之后,關(guān)閉某個彈層(1),執(zhí)行padInOut函數(shù)(2),執(zhí)行allPads函數(shù)(3);(1)的順序無所謂,但是我希望(3)在(2)之后執(zhí)行,然而這幾句代碼無法達到我希望的結(jié)果,因為三個函數(shù)是同時執(zhí)行的,allPads無法等待padInOut執(zhí)行完畢之后再執(zhí)行,所以結(jié)果當(dāng)然會出錯。
我最后采取的解決方法是回調(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ù)存在時,執(zhí)行回調(diào)函數(shù)。此時函數(shù)執(zhí)行時通過傳參即可達到目的:
padInOut(padId,memberId,allPads)
回調(diào)函數(shù)是js異步編程經(jīng)常會用到的方法。然而使用回調(diào)函數(shù)存在不好的地方,即會造成回調(diào)地獄。所以es新標(biāo)準(zhǔn)出來也不斷尋求解決回調(diào)的方案。這是后話,本篇寫到這里。
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持武林網(wǎng)!
新聞熱點
疑難解答