国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 13:10:41
字體:
供稿:網(wǎng)友

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

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

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

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

復制代碼 代碼如下:

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

其中success和error參數(shù)便是成功/失敗時候的回調(diào)函數(shù)。 

而現(xiàn)在jQuery的AJAX寫法成了

復制代碼 代碼如下:

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

其中成功后會調(diào)用done里面的函數(shù),失敗便會調(diào)用fail里面的函數(shù)。 

看到這里也許你就會有疑問了,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對象,然后根據(jù)這些deferred對象的狀態(tài)情況,來決定$.when()返回的對象的狀態(tài)。其中有個使用場景就是多個ajax請求,如果其中一個失敗就都算失敗,那么便可以在$.when()中傳入多個ajax方法,例如$.when($.ajax(), $.ajax())。然后$.when會返回一個def對象(根據(jù)這兩個請求結(jié)果的來判斷)。
 
接著得到了def對象,便有了一系列改變這個對象狀態(tài)的方法

復制代碼 代碼如下:

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

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

復制代碼 代碼如下:

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

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

復制代碼 代碼如下:

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

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

復制代碼 代碼如下:

def.promise();

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

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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 宁陵县| 柳江县| 汝阳县| 沅陵县| 武汉市| 广宗县| 龙山县| 东平县| 日喀则市| 德州市| 阳朔县| 梓潼县| 汽车| 顺平县| 龙川县| 临海市| 满洲里市| 绥滨县| 沐川县| 克山县| 牟定县| 涟水县| 基隆市| 大英县| 五台县| 昂仁县| 滦南县| 桂林市| 乌拉特中旗| 侯马市| 黄大仙区| 永善县| 建水县| 鹤壁市| 霞浦县| 新河县| 广宁县| 玛沁县| 青田县| 淮滨县| 连州市|