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

首頁 > 編程 > JavaScript > 正文

javascript異步編程代碼書寫規范Promise學習筆記

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

最近工作輕松了點,想起了以前總是看到的一個單詞promise,于是耐心下來學習了一下。

一:Promise是什么?為什么會有這個東西?

首先說明,Promise是為了解決javascript異步編程時候代碼書寫的方式產生的。
隨著javascript的發展,異步的場景越來越多。前端有AJAX,setTimeout等,后端Node異步更多。按照傳統的做法,那么就是各種回調嵌回調。代碼可以把人繞暈。
這個時候,CommonJS社區提出了一個叫做Promise/A+的規范,這個規范定義了如何書寫異步代碼,包括使用when/then/resolve等來組織異步的代碼。
這個規范由于很優雅,所以相繼就有很多人實現了這個規范,其中包括 瀏覽器原生支持的Promise(), jQuery里面的deferred,when.js等。
因為這幾個庫都符合該規范,所以學習一個也就可以了。我主要學習了jQuery的deferred,所以本文主要講講這個實現。
 
二:jQuery的deferred

首先,關于deferred對象,阮一峰老師有篇文章寫的很詳細了,地址點這。建議可以先看看他的那篇文章,再繼續往下看。
上面說過,promise是為了解決異步(比如ajax)的,那么我們來對比下他們的區別。
經典的jQuery的AJAX的寫法是

復制代碼 代碼如下:

$.ajax({
    type: "get",
    url: "",
    success: function () {},
    error; function () {}
});

其中success和error參數便是成功/失敗時候的回調函數。 

而現在jQuery的AJAX寫法成了

復制代碼 代碼如下:

$.ajax({
    type; "get",
    url: ""
}).done(function () {}).fail(function () {});

其中成功后會調用done里面的函數,失敗便會調用fail里面的函數。 

看到這里也許你就會有疑問了,done/fail這些方法是哪個對象上的?$.ajax()返回了什么對象,為什么有這兩個方法?
答案就在下面介紹的Deferred對象。

jQuery提供了一種新的類型Deferred。通過$.Deferred()來生成。例如

復制代碼 代碼如下:

var def = $.Deferred();

這個def繼承了很多方法,有done/fail/resolve/reject等。
所以這里我們也就知道,上面$.ajax()其實返回的也就是這個對象。
 
deferred對象有很多方法,這里介紹幾種常用的,更多的可以參考 API
 
首先自然是生成一個def對象。這里有很多方法,比如:

復制代碼 代碼如下:

var def = $.Deferred();    // 自己生成
$.ajax({});    // ajax方法返回的也是def對象
$.when();    // when方法也會返回一個def對象

這里,$.when()可以單獨講講,這個方法通常接收一個或多個deferred對象,然后根據這些deferred對象的狀態情況,來決定$.when()返回的對象的狀態。其中有個使用場景就是多個ajax請求,如果其中一個失敗就都算失敗,那么便可以在$.when()中傳入多個ajax方法,例如$.when($.ajax(), $.ajax())。然后$.when會返回一個def對象(根據這兩個請求結果的來判斷)。
 
接著得到了def對象,便有了一系列改變這個對象狀態的方法

復制代碼 代碼如下:

def.resolve();    // 把def對象設置成已經完成,然后便會立刻執行綁定在def.done()里面的函數。
def.reject();    // 把def對象設置成已經失敗,然后便會立刻執行綁定在def.fail()里面的函數。
def.notify();    // def對象執行中,對應的回調是def.progress()。

緊接著是設置回調的方法,順序和上面的對應,也就是什么狀態會調用到什么回調

復制代碼 代碼如下:

def.done();    // 對應def.resolve();
def.fail();    // 對應def.reject();
def.progress();    // 對應 def.notify();
// 特殊的
def.always();    // 成功或者失敗都會調用
def.then();    // 接受多個函數,按順序依次是成功(done),失敗(fail)和進行中(progress)

其實到這里位置,deferred對象的用法也就差不多了。不過jQuery還提供了幾個API

復制代碼 代碼如下:

// 檢查當前狀態類
def.isRejected();
def.isResolved();
def.state();

這幾個api顧名思義,就不具體講了,具體可以查看上面給的jQuery API文檔。
 
還有一個方法,就是有時候我們希望給外部一個def對象,然后這個對象可以設置各種狀態的回調,但是不能改變它的狀態,那么就可以用

復制代碼 代碼如下:

def.promise();

返回一個promiese對象,是deferred對象的子集,可以用done/fail等方法,沒有resolve/reject等方法,主要是為了保護不讓外部去修改def對象的狀態。 

至此,關于promise已經全部講完,大家現在就可以把它用在自己的項目中了,另外提早給大家拜個早年,祝大家羊年洋洋得意^ ^。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲午夜国产成人av电影男同| 亚洲男人的天堂在线播放| 国产精品入口日韩视频大尺度| 日韩欧美在线观看| 亚洲精品福利在线| 国产精品99久久99久久久二8| 91在线免费视频| 久久久精品电影| 精品国产一区二区三区久久狼5月| 欧美性猛交xxxxx免费看| 北条麻妃一区二区在线观看| 欧美国产视频日韩| 伊人久久久久久久久久久| 亚洲人成网在线播放| 一本色道久久88亚洲综合88| 午夜精品福利视频| 久久成人这里只有精品| 国产欧美日韩专区发布| 国产精品久久久久久久9999| 国产精品视频中文字幕91| 欧美日在线观看| 色噜噜国产精品视频一区二区| 俺去啦;欧美日韩| 亚洲黄色成人网| 国产精品成人va在线观看| 欧美成人精品激情在线观看| 国产日韩精品电影| 久久久久在线观看| 久久噜噜噜精品国产亚洲综合| 日韩精品免费观看| 久久国产天堂福利天堂| 91香蕉嫩草影院入口| 国产欧美日韩精品在线观看| 日韩免费视频在线观看| 亚洲一区中文字幕在线观看| 欧美精品videossex性护士| 自拍偷拍亚洲精品| 欧美人在线观看| 欧美成人亚洲成人| 九九综合九九综合| 国产91精品网站| 久久久视频免费观看| 精品福利视频导航| 91久久久久久久| 国产精品日韩精品| 亚洲男子天堂网| 亚洲精品久久久久久久久久久久| 蜜臀久久99精品久久久无需会员| 久久久久久网址| 欧美xxxx18国产| 黑人巨大精品欧美一区二区| 国产www精品| 亚洲区bt下载| 久久久免费精品| 国产精品久久99久久| 精品中文字幕在线| 欧美亚洲在线观看| 国产小视频91| 日韩毛片在线观看| 久久精品电影网站| 国产999精品视频| 国产亚洲欧洲黄色| 国产亚洲福利一区| 日韩电影中文字幕在线观看| 亚洲第一福利网站| 久久精品国产精品亚洲| 久久人人爽人人爽人人片亚洲| 国产激情久久久| 国产在线精品一区免费香蕉| 亚洲欧美另类国产| 欧美日韩精品在线观看| 欧美极品少妇xxxxⅹ喷水| 色婷婷**av毛片一区| 黑人狂躁日本妞一区二区三区| 在线国产精品播放| 亚洲视频电影图片偷拍一区| 日韩乱码在线视频| 日韩中文理论片| 色婷婷综合成人av| 国内精品久久久久影院 日本资源| 4438全国亚洲精品在线观看视频| 97精品视频在线观看| 国产乱人伦真实精品视频| 97精品一区二区视频在线观看| 欧美性20hd另类| 91av在线免费观看视频| 欧美极品在线播放| 国产+成+人+亚洲欧洲| 中文日韩电影网站| 欧美xxxwww| 亚洲视频在线观看视频| 精品网站999www| 国产精品jizz在线观看麻豆| 亚洲精品美女久久久久| 91久久夜色精品国产网站| 国产精品海角社区在线观看| 久久全国免费视频| 久久久久久国产精品| 国产亚洲精品综合一区91| 日韩精品一区二区视频| 国产精品久久久久不卡| 最近更新的2019中文字幕| 欧美天天综合色影久久精品| 国产精品盗摄久久久| 啊v视频在线一区二区三区| 国产精品第1页| 久久这里有精品| 青青青国产精品一区二区| 欧美亚洲另类视频| 91免费综合在线| 92版电视剧仙鹤神针在线观看| 5566日本婷婷色中文字幕97| 免费97视频在线精品国自产拍| 热99精品只有里视频精品| 久久这里只有精品视频首页| 亚洲精品免费网站| 亚洲伊人久久综合| 欧美成aaa人片在线观看蜜臀| 人体精品一二三区| 国产在线精品一区免费香蕉| 国产精品三级在线| 俺也去精品视频在线观看| 成人激情视频小说免费下载| 青草青草久热精品视频在线网站| 日韩精品在线观看网站| 亚洲人a成www在线影院| 国产成人avxxxxx在线看| 欧洲s码亚洲m码精品一区| 成人信息集中地欧美| 色偷偷噜噜噜亚洲男人| 91久久精品国产91性色| 国产精品96久久久久久又黄又硬| 欧美壮男野外gaytube| 欧美精品做受xxx性少妇| 91视频8mav| 亚洲精品第一页| 欧美中文字幕在线观看| 欧美在线视频在线播放完整版免费观看| 5278欧美一区二区三区| 91香蕉国产在线观看| 国产一区二区香蕉| 国产精品igao视频| 一本色道久久综合亚洲精品小说| 黄色91在线观看| 色偷偷噜噜噜亚洲男人的天堂| 91香蕉嫩草影院入口| 久久精品国产99国产精品澳门| 色悠久久久久综合先锋影音下载| 日韩毛片中文字幕| 亚洲精品一区中文| 久久夜精品va视频免费观看| 欧美性猛交xxxx免费看| 最近中文字幕日韩精品| 91九色在线视频| 68精品国产免费久久久久久婷婷| 国产免费久久av| 久久精品国产91精品亚洲| 日韩极品精品视频免费观看| 夜夜嗨av色一区二区不卡| 亚洲黄色www网站| 国产精品精品一区二区三区午夜版| 欧美视频国产精品| 亚洲第一精品电影| 久久99青青精品免费观看|