亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JavaScript異步回調的Promise模式封裝實例

2019-11-20 14:45:41
字體:
來源:轉載
供稿:網友

網頁的交互越來越復雜,JavaScript 的異步操作也隨之越來越多。如常見的 ajax 請求,需要在請求完成時響應操作,請求通常是異步的,請求的過程中用戶還能進行其他的操作,不會對頁面進行阻塞,這種異步的交互效果對用戶來說是挺有友好的。但是對于開發者來說,要大量處理這種操作,就很不友好了。異步請求完成的操作必須預先定義在回調函數中,等到請求完成就必須調用這個函數。這種非線性的異步編程方式會讓開發者很不適應,同時也帶來了諸多的不便,增加了代碼的耦合度和復雜性,代碼的組織上也會很不優雅,大大降低了代碼的可維護性。情況再復雜點,如果一個操作要等到多個異步 ajax 請求的完成才能進行,就會出現回調函數嵌套的情況,如果需要嵌套好幾層,那你就只能自求多福了。
先看看下面這個常見的異步函數。

復制代碼 代碼如下:

var showMsg = function(){
    setTimeout(function(){
        alert( 'hello' );
    }, 5000 );
};

如果要給該函數添加回調,通常會這么干。

復制代碼 代碼如下:

var showMsg = function( callback ){
    setTimeout(function(){
        alert( 'hello' );
        // 此處添加回調
        callback();
    }, 5000 );
};

如果是使用 easy.js 的 Promise,添加回調的方法就會優雅多了,前提是需要將原函數封裝成一個 promise 實例。

復制代碼 代碼如下:

var showMsg = function(){
    // 構造promise實例
    var promise = new E.Promise();

    setTimeout(function(){
        alert( 'hello' );

        // 改變promise的狀態
        promise.resolve( 'done' );
    }, 5000 );

    // 返回promise實例
    return promise;
};

將一個普通的函數封裝成一個 promise 實例,有3個關鍵步驟,第一步是在函數內部構造一個 promise 實例,第二步是部署函數執行完去改變 promise 的狀態為已完成,第三步就是返回這個 promise 實例。每個 promise 實例都有3種狀態,分別為 pending(未完成)、resolved(已完成,成功)、rejected(已拒絕,失敗)。下面再來看看如何添加回調。

復制代碼 代碼如下:

showMsg().then(function( str ){
    // 回調添加到這里來了
    callback( str );
});

這樣就將回調函數和原來的異步函數徹底的分離了,從代碼組織上看,優雅了很多。resolve 接受一個參數,該參數就可以輕松實現將數據傳送給使用 then 方法添加的回調中。
對于 ajax 請求,easy.js 直接將 ajax 方法封裝成了 promise 對象,可以直接添加 then 方法來回調。

復制代碼 代碼如下:

E.ajax({
    url : 'test1.php',
    type : 'GET'
})
.then(function(){
    // 添加請求成功的回調
}, function(){
    // 添加請求失敗的回調
});

then 方法接受2個函數作為參數,第一個函數是已完成的回調,第二個就是已失敗的回調。
如果有上面提到的多個 ajax 請求的情況呢?那么就要用到 when 這個方法了。該方法可以接受多個 promise 實例作為參數。

復制代碼 代碼如下:

var requests = E.when(E.ajax({
    url : 'test1.php',
    type : 'GET'
}), E.ajax({
    url : 'test2.php',
    type : 'GET'
}));

requests.then(function( arg1, arg2 ){
    console.log( 'success:' + arg1[0] + arg2[0] );
}, function( arg1, arg2 ){
    console.log( 'failure:' + arg1 + arg2  );
});

when 方法是將多個 promise 實例存到一個數組中,等到該數組的所有 promise 實例都是已完成狀態才去執行已完成的回調,一旦有一個實例是已拒絕的狀態,則立即執行已拒絕的回調。

Promise 模式是 CommonJS 的規范之一。很多主流的 JavaScript 庫都有相應的實現,如 jQuery 和 Dojo 中,都有 Deferred 去實現這些功能。在這里還是要吐槽下 jQuery 的 Deferred,撇開其內部使用,這應該用戶使用率最低的一個模塊了,這和其較復雜的使用方式有一定的關系。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
成人免费在线视频网址| 这里精品视频免费| 久久久精品国产一区二区| 日本高清久久天堂| 亚洲成人免费网站| 91精品国产自产在线观看永久| 国产精品美女视频网站| …久久精品99久久香蕉国产| 久久天天躁狠狠躁老女人| 亚洲国产欧美一区| 亚洲国产中文字幕在线观看| 亚洲电影免费观看高清完整版| 久久国产精品亚洲| 亚洲精品国产综合区久久久久久久| 中日韩美女免费视频网址在线观看| 日韩精品久久久久久久玫瑰园| 国产精品福利无圣光在线一区| 成人激情春色网| 日韩精品在线视频观看| 欧美性xxxx极品高清hd直播| 欧美第一黄网免费网站| 久久久精品国产一区二区| 4k岛国日韩精品**专区| 最近2019年手机中文字幕| 欧美另类极品videosbestfree| 亚洲精选中文字幕| 国产精品高潮在线| 精品成人乱色一区二区| 人人澡人人澡人人看欧美| 日韩视频免费大全中文字幕| 久久99青青精品免费观看| 在线观看欧美成人| 国产精品一区二区三区久久| 91成人在线观看国产| 欧美制服第一页| 热99精品里视频精品| 96sao精品视频在线观看| 韩日欧美一区二区| 欧美日韩亚洲一区二区三区| 亚洲无线码在线一区观看| 另类天堂视频在线观看| 亚洲xxxx做受欧美| 久久久精品电影| 欧美一级高清免费播放| www.欧美三级电影.com| 91九色国产社区在线观看| 美女999久久久精品视频| 国产精品视频网址| 精品国产91乱高清在线观看| 欧美日韩在线视频首页| 欧美日韩免费观看中文| 国产精品一二三在线| 日本国产欧美一区二区三区| 国产精品成人观看视频国产奇米| 久久亚洲春色中文字幕| 国产精品白嫩美女在线观看| 亚洲石原莉奈一区二区在线观看| 久久夜精品va视频免费观看| 亚洲精品欧美日韩专区| 日韩欧美在线视频观看| 草民午夜欧美限制a级福利片| 伊是香蕉大人久久| 欧美片一区二区三区| 国产精品久久综合av爱欲tv| 国产亚洲美女久久| 日本在线精品视频| 97avcom| 成人在线观看视频网站| 国产91精品久久久久| 在线免费观看羞羞视频一区二区| 欧美老肥婆性猛交视频| 51精品国产黑色丝袜高跟鞋| 国产精品丝袜久久久久久高清| 九九九久久国产免费| 最新日韩中文字幕| 最新中文字幕亚洲| 国产va免费精品高清在线| 亚洲iv一区二区三区| 色综合久久天天综线观看| 奇米成人av国产一区二区三区| 成人有码在线播放| 欧美日韩国产页| 国产中文字幕日韩| 亚洲国内精品在线| 成人激情电影一区二区| 亚洲国产成人久久综合一区| 91国产中文字幕| 91亚洲国产成人精品性色| 中文字幕精品av| 亚洲天堂影视av| 亚洲色图在线观看| 国产精品一区二区久久精品| 伊人精品在线观看| 亚洲日本成人女熟在线观看| 久久这里只有精品视频首页| 国产欧美日韩亚洲精品| 亚洲国产欧美一区二区丝袜黑人| 久久久免费电影| 久久久久久久久久久亚洲| 伊人久久久久久久久久久| 亚洲精品一区二区三区不| 欧美激情中文字幕乱码免费| 精品国产美女在线| 色悠久久久久综合先锋影音下载| 久久久久久久久中文字幕| 日韩精品欧美激情| 一本色道久久88精品综合| 热草久综合在线| 91在线高清免费观看| 亚洲精品成a人在线观看| 97久久精品在线| 精品免费在线视频| 国产婷婷色综合av蜜臀av| 久久香蕉频线观| 亚洲国产女人aaa毛片在线| 欧美精品激情在线| 日韩精品免费视频| 亚洲国产精品美女| 在线看日韩av| 国产亚洲一级高清| 亚洲人成人99网站| 欧美猛交ⅹxxx乱大交视频| 中文字幕在线成人| 精品福利在线视频| 狠狠爱在线视频一区| 91wwwcom在线观看| 国产精品国模在线| 日韩欧美a级成人黄色| 亚洲人成网在线播放| 亚洲精品免费在线视频| 91人人爽人人爽人人精88v| 日韩欧美在线看| 欧美日韩一区二区免费在线观看| 欧美激情中文字幕在线| 亚洲欧美日韩一区二区在线| 精品国内产的精品视频在线观看| 亚洲最大的网站| 少妇av一区二区三区| 亚洲人成网站999久久久综合| 欧美洲成人男女午夜视频| 国产成人高潮免费观看精品| 在线精品高清中文字幕| 韩国欧美亚洲国产| 久久久精品在线| 亚洲美女免费精品视频在线观看| 在线看片第一页欧美| 日韩精品免费观看| 欧美黄色小视频| 欧美性生交大片免网| 国产精品第三页| 日韩av免费在线观看| 一区二区在线视频播放| 在线视频国产日韩| 日韩精品免费电影| 亚洲一区二区三区视频| 疯狂蹂躏欧美一区二区精品| 国产日韩在线播放| 国产在线观看91精品一区| 国产自产女人91一区在线观看| 久久综合国产精品台湾中文娱乐网| 成人免费视频97| 国产精品国产自产拍高清av水多| 日韩精品在线私人| 国产成人av在线|