如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
介紹Promise
promise的概念和實現(xiàn)最初來源于社區(qū),用于解決異步編程的回調(diào)嵌套問題,即將多級的嵌套改良成順序的代碼行。ES6將其寫入了語言標(biāo)準(zhǔn),統(tǒng)一了用法,提供了原生的Promise。
Promise是一個構(gòu)造函數(shù),用于生成一個Promise實例。Promise實例代表一次異步操作。 它只可能有3種轉(zhuǎn)態(tài),分別是Pending(未決議), Resolved(完成) 和 Rejected(出錯) 。
創(chuàng)建一個Promise實例時,其處于Pending狀態(tài),當(dāng)異步操作完成,執(zhí)行回調(diào)函數(shù)的時候,根據(jù)回調(diào)函數(shù)中的err
的值,如果err
為空則異步操作成功,否則異步操作失敗。此后,Promise實例的狀態(tài)將不再改變。
Promise實例
var pro = function () { return new Promise(function(resolve, reject) { fs.readdir(_dirname, function(err, data) { if (err) {
reject(err); } else {
resolve(data); }
});
});
} var promiseObject = pro(); 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的一個語法糖,相當(dāng)于
promiseObject.then(undefined, function(err) {
console.log(err)
});
Promise對象的錯誤具有向后傳遞的性質(zhì),因此,如果在調(diào)用過程拋出異常,則異??偰鼙蛔詈笠粋€catch捕獲。這也是為什么我們習(xí)慣在then的調(diào)用后跟隨一個catch調(diào)用。
then的鏈?zhǔn)綄懛?
then 方法是定義在構(gòu)造函數(shù)Promise 的原型對象上的。這個方法為Promise實例添加狀態(tài)改變時的回調(diào)函數(shù)。then方法返回一個新的Promise實例,因此then方法后面可以調(diào)用then()方法。傳給then()方法的函數(shù),可返回三類值,分別如下:
如果返回的是一個新的Promise對象,則下一級的then接收函數(shù)在這個Promise實例 狀態(tài)發(fā)生改變時被觸發(fā)執(zhí)行。因此,then的鏈?zhǔn)綄懛?,可以按順序?zhí)行一系列的異步操作,并且后一個異步操作在前一個完成之后開始。如下代碼實例所示:
var fs = require('fs'); var pro = function () { return new Promise(function(resolve, reject) { fs.readdir(_dirname, function(err, data) { if (err) {
reject(err); } else {
resolve(data); }
});
});
} var newPro = function(data) { return new Promise(function(resolve, reject) { setTimeout(function(){ resolve(data);
},2000);
});
}; var promiseObject = pro(); promiseObject
.then(function(data){ console.log("fisrt sync op");
console.log(data); return newPro(data); })
.then(function(data) { console.log("second sync op");
console.log(data); })
.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
把上一級異步調(diào)用的結(jié)果返回給下一級調(diào)用,then這樣的鏈?zhǔn)綄懛?,解決了回調(diào)函數(shù)的多層嵌套調(diào)用。
解決異步嵌套回調(diào)的更多方案
“回調(diào)金字塔”
多層嵌套
bluebird庫 + Generator
藍(lán)藍(lán)設(shè)計( tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)