淺談JavaScript異步編程
在一年前初學js的時候，看過很多關(guān)于異步編程的講解。但是由于實踐經(jīng)驗少，沒有辦法理解的太多，太理論的東西也往往是看完就忘。
經(jīng)過公司的三兩個項目的鍛煉，終于對js異步編程有了比較具體的理解。但始終入門較淺，在這里就當是給自己一個階段性的總結(jié)。
在異步編程中，一條語句的執(zhí)行不能依賴上一條語句執(zhí)行完畢的結(jié)果，因為無法預測一條語句什么時候執(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é)果當然會出錯。
我最后采取的解決方法是回調(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()
});
};
當方法執(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新標準出來也不斷尋求解決回調(diào)的方案。這是后話，本篇寫到這里。
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了uniapp 獲取頁面來源及注意事項,獲取當前頁面棧的實例,以數(shù)組形式按棧的順序給出,數(shù)組中的元素為頁面實例,第一個元素為首頁,最后一個元素為當前頁面,感興趣的朋友參考本文實例代碼2024-03-03
js知識點總結(jié)之getComputedStyle的用法
getComputedStyle是一個可以獲取當前元素所有最終使用的CSS屬性值,下面這篇文章主要給大家介紹了關(guān)于js知識點總結(jié)之getComputedStyle用法的相關(guān)資料,需要的朋友可以參考下2022-10-10
JS實現(xiàn)動態(tài)修改table及合并單元格的方法示例
這篇文章主要介紹了JS實現(xiàn)動態(tài)修改table及合并單元格的方法,結(jié)合完整實例形式分析了JS動態(tài)遍歷及修改table單元格的具體操作技巧,需要的朋友可以參考下2017-02-02
從層次上來看，對象的復制可以簡單地分為淺復制和深復制，顧名思義，淺復制是指只復制一層對象的屬性，不會復制對象中的對象的屬性，對象的深復制會復制對象中層層嵌套的對象的屬性。本文是我在復制對象方面的一些心得總結(jié)，由淺復制到深復制，感興趣的朋友一起學習吧2017-03-03
模仿JQuery sortable效果 代碼有錯但值得看看，因為時間關(guān)系，需要的朋友可以參考下。2009-11-11
這篇文章主要介紹了在JavaScript中判斷整型的N種方法,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了js+css實現(xiàn)導航效果,實例分析了下拉菜單導航的js實現(xiàn)方法,非常具有實用價值,需要的朋友可以參考下2015-02-02
本文為大家介紹下使用js獲取父frame元素及獲取子frame元素的實現(xiàn)代碼，有需求的朋友可以參考下，希望對大家有所2013-07-07
Js(JavaScript)中,彈出是或否的選擇框示例(confirm用法的實例分析)
以下是對confirm的用法進行了分析介紹，需要的朋友可以參考下2013-07-07
js實現(xiàn)時間顯示幾天前、幾小時前或者幾分鐘前的方法集錦
這篇文章主要介紹了js實現(xiàn)時間顯示幾天前、幾小時前或者幾分鐘前的方法,實例匯總分析了時間顯示格式轉(zhuǎn)換的常用思路與技巧,需要的朋友可以參考下2015-05-05