在一年前初學(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í)行，然而這幾句代碼無法達(dá)到我希望的結(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í)行時通過傳參即可達(dá)到目的：

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í)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

最新評論