超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

ES6(一):Promise對(duì)象

2018-4-3    seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

介紹Promise

promise的概念和實(shí)現(xiàn)最初來源于社區(qū),用于解決異步編程的回調(diào)嵌套問題,即將多級(jí)的嵌套改良成順序的代碼行。ES6將其寫入了語言標(biāo)準(zhǔn),統(tǒng)一了用法,提供了原生的Promise。

Promise是一個(gè)構(gòu)造函數(shù),用于生成一個(gè)Promise實(shí)例。Promise實(shí)例代表一次異步操作。 它只可能有3種轉(zhuǎn)態(tài),分別是Pending(未決議)Resolved(完成) 和 Rejected(出錯(cuò)) 。

創(chuàng)建一個(gè)Promise實(shí)例時(shí),其處于Pending狀態(tài),當(dāng)異步操作完成,執(zhí)行回調(diào)函數(shù)的時(shí)候,根據(jù)回調(diào)函數(shù)中的err的值,如果err 為空則異步操作成功,否則異步操作失敗。此后,Promise實(shí)例的狀態(tài)將不再改變。

Promise實(shí)例

var pro = function () { return new Promise(function(resolve, reject) { fs.readdir(_dirname, function(err, data) { if (err) {
                reject(err); //失敗則將Promise對(duì)象置為rejected狀態(tài) } else {
                resolve(data); //成功則將Promise對(duì)象置為resolved轉(zhuǎn)態(tài) }
        });
    });
} /*pro是一個(gè)函數(shù)
 調(diào)用該函數(shù)返回一個(gè)Promise實(shí)例
*/ var promiseObject = pro(); /*then方法執(zhí)行Resolved和Rejected狀態(tài)的回調(diào)函數(shù)*/ promiseObject
.then(doneCallbacks, failCallbacks)
.catch(function(err) { console.log(err);
}); var doneCallbacks = function(data) { console.log(data);
}; var failCallbacks = function(err) { console.log(err)
};
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29

catch是then的一個(gè)語法糖,相當(dāng)于

promiseObject.then(undefined, function(err) {
    console.log(err)
});
    
  • 1
  • 2
  • 3

Promise對(duì)象的錯(cuò)誤具有向后傳遞的性質(zhì),因此,如果在調(diào)用過程拋出異常,則異??偰鼙蛔詈笠粋€(gè)catch捕獲。這也是為什么我們習(xí)慣在then的調(diào)用后跟隨一個(gè)catch調(diào)用。

then的鏈?zhǔn)綄懛?

then 方法是定義在構(gòu)造函數(shù)Promise 的原型對(duì)象上的。這個(gè)方法為Promise實(shí)例添加狀態(tài)改變時(shí)的回調(diào)函數(shù)。then方法返回一個(gè)新的Promise實(shí)例,因此then方法后面可以調(diào)用then()方法。傳給then()方法的函數(shù),可返回三類值,分別如下:

  • 一個(gè)Promise實(shí)例
  • 一個(gè)普通值
  • 拋出一個(gè)異常

如果返回的是一個(gè)新的Promise對(duì)象,則下一級(jí)的then接收函數(shù)在這個(gè)Promise實(shí)例 狀態(tài)發(fā)生改變時(shí)被觸發(fā)執(zhí)行。因此,then的鏈?zhǔn)綄懛?,可以按順序?zhí)行一系列的異步操作,并且后一個(gè)異步操作在前一個(gè)完成之后開始。如下代碼實(shí)例所示:

var fs = require('fs'); var pro = function () { return new Promise(function(resolve, reject) { fs.readdir(_dirname, function(err, data) { if (err) {
                reject(err); //失敗則將Promise對(duì)象置為rejected狀態(tài) } else {
                resolve(data); //成功則將Promise對(duì)象置為resolved轉(zhuǎn)態(tài) }
        });
    });
} var newPro = function(data) { return new Promise(function(resolve, reject) { setTimeout(function(){ resolve(data);
        },2000);
    });
}; /*pro是一個(gè)函數(shù)
 調(diào)用該函數(shù)返回一個(gè)Promise實(shí)例
*/ var promiseObject = pro(); /*then方法執(zhí)行Resolved和Rejected狀態(tài)的回調(diào)函數(shù)*/ promiseObject
    .then(function(data){ console.log("fisrt sync op");
        console.log(data); return newPro(data);//返回一個(gè)新的Promise對(duì)象 })
    .then(function(data) { console.log("second sync op");
        console.log(data);//兩秒鐘后才會(huì)被執(zhí)行 })
    .catch(function(err) { console.log(err);
    });

promiseObject.then(undefined, function(err) { console.log(err)
}); var doneCallbacks = function(data) { console.log(data);
}; var failCallbacks = function(err) { console.log(err)
}; 
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53

把上一級(jí)異步調(diào)用的結(jié)果返回給下一級(jí)調(diào)用,then這樣的鏈?zhǔn)綄懛?,解決了回調(diào)函數(shù)的多層嵌套調(diào)用。

解決異步嵌套回調(diào)的更多方案

“回調(diào)金字塔”

多層嵌套

bluebird庫 + Generator

藍(lán)藍(lán)設(shè)計(jì)www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔