JavaScript異步編程的用法

這篇文章將為大家詳細講解有關(guān)JavaScript異步編程的用法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

在一年前初學(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)地獄。

關(guān)于“JavaScript異步編程的用法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。