在一年前初學(xué)js的時(shí)候，看過很多關(guān)于異步編程的講解。但是由于實(shí)踐經(jīng)驗(yàn)少，沒有辦法理解的太多，太理論的東西也往往是看完就忘。

經(jīng)過公司的三兩個(gè)項(xiàng)目的鍛煉，終于對(duì)js異步編程有了比較具體的理解。但始終入門較淺，在這里就當(dāng)是給自己一個(gè)階段性的總結(jié)。

在異步編程中，一條語句的執(zhí)行不能依賴上一條語句執(zhí)行完畢的結(jié)果，因?yàn)闊o法預(yù)測(cè)一條語句什么時(shí)候執(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();
  }
});

這三句在語境中的作用是，在完成某個(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í)也希望多多支持腳本之家！

最新評(píng)論