我的一個小復(fù)習(xí)
假設(shè)你要運(yùn)行一個任務(wù)管理器
輸入id后台猴,依次執(zhí)行針對id的task1, task2, task3, task4...
在js這種異步語言里會是這樣...
function taskRunner(id) {
task1(id, function(){
task2(id, function(){
task3(id, function(){
task4(id, function(){
...// callback hell
})
})
})
})
}
what a hell.
更糟糕的是虐骑,如果其中某個任務(wù)出錯了,我怎么知道哪里出錯了鉴裹?
function asyncOperation() {
setTimeout(function() {
throw new Error("MyError!");
}, 1000);
}
try {
asyncOperation();
} catch (e) {
console.log("I cannot catch : ", e);
}
try和catch 沒有用舞骆?
并不能捕獲錯誤
那么...只能在異步回調(diào)里使用try
function asyncOperation() {
setTimeout(function() {
try {
throw new Error("Error");
} catch(e) {
console.log("asyncOperation catch it: ", e.message);
}
}, 1000);
}
function run() {
try {
asyncOperation();
} catch (e) {
console.log("I got no error", e);
}
}
但是run調(diào)用者怎么知道發(fā)生了什么。接下來其他函數(shù)怎么知道發(fā)生了什么径荔?
Nodejs社區(qū)采用一種error first的調(diào)用慣例
下一個回調(diào)可以收到err督禽,判斷,作出動作总处。但想象一下
function taskRunner(id) {
task1(id, function(err, task1Output){
if (err) handleError(err);
doSomething(task1Output);
task2(task1Output, function(err, res){
if (err) handleError(err);
task3(id, function(err){
if (err) handleError(err);
task4(id, function(err){
if (err) handleError(err);
...// callback hell
})
})
})
})
}
如果doSomething出錯了狈惫,錯誤如何捕獲?
function taskRunner(id) {
task1(id, function(err, task1Output){
if (err) handleError(err);
try {
doSomething(task1Output);
} catch(e) {
handleError(e);
}
task2(task1Output, function(err, res){
if (err) handleError(err);
task3(id, function(){
if (err) handleError(err);
task4(id, function(){
if (err) handleError(err);
...// callback hell
})
})
})
})
}
再如果對handleError想做出錯處理辨泳,再如果我們在流程中嵌入了更多的同步和異步混用的代碼虱岂,他們都要處理錯誤...What the fuck...
再也不想看這樣的代碼玖院。我們的大腦并不能很好的切合這種模式菠红。
回調(diào)與Promise
我們想寫這樣的代碼...
task1().then(task2).then(task3)...
我們想做這樣的錯誤處理
task1().then(task2, handleError).then(task3, handleError)...
他們創(chuàng)造了Promise,一個許諾难菌,一個代表未來的值
一個一秒后才到來的十五
一個神奇的設(shè)計:
- then
- 狀態(tài)與緩存
- 能串行(Promise鏈)
function Promise(f) {
var cache; // 未來的 值
var dfs = []; // Promise鏈上Defferds鏈, deferds保存當(dāng)前回調(diào)callback, 如果值到來了试溯,傳給橋Promise的resolve
// 如果沒解析,則添加到defferd鏈上郊酒,如果解析了遇绞,則調(diào)用df鏈上所有回調(diào)
var status = "pending";
this.then = function(callback) {
return new Promise(function(resolve) {
handle({
callback: callback,
resolve: resolve
})
})
}
function handle(df) {
if (status == "pending") {
dfs.push(df);
} else if (status == "fulfiled") {
var ret = df.callback(cache);
df.resolve(ret);
}
}
function resolve(value) {
cache = value;
status = "fulfiled";
setTimeout(function() {
dfs.forEach(function(df) {
handle(df);
})
})
}
f(resolve);
}
var p1 = new Promise(function(resolve, reject){
setTimeout(function() {
resolve(15);
}, 1000);
});
p1.then(function(value){
console.log("task 1", value);
return value + 1;
}).then(function(value){
console.log("task 2", value);
})
當(dāng)然键袱,還有個處理reject的部分,類似如此
對了摹闽,如果對new操作符有疑問, new
之后新的對象引用的閉包變量并不是函數(shù)中的變量蹄咖,好奇怪。new
并不創(chuàng)建閉包付鹿。
> function f(){
var a = 1;
this.then = function(t){a = t};
this.print=function(){console.log(a)}}
undefined
> x = new f()
f { then: [Function], print: [Function] }
> y = new f()
f { then: [Function], print: [Function] }
> x.then(5)
undefined
> x.print()
5
undefined
> y.print()
1
undefined
好了澜汤,我們已經(jīng)能夠通過Promise成功實現(xiàn)異步串行
假設(shè)我們啊,有個社工庫舵匾,我們根據(jù)id能獲取其中的用戶名和密碼俊抵。
考慮以下邏輯...
function getInfo(id, db) {
return getUser(id).then(function(username) {
return getPass(id).then(function(password){
return {username: username, password: password}
})
})
}
我們倒是想這樣
讓user和name獲取并行
function *getInfo(id, db) {
var user = getUser(id);
var pass = getPass(db);
console.log("trying: ", yield user, yield pass);
}
function getUser(id) {
console.log("get username");
return new Promise(function(resolve, reject) {
setTimeout(function(){
resolve("name-" + id);
}, 1000);
})
}
function getPass(db) {
console.log("get password");
return new Promise(function(resolve, reject) {
setTimeout(function(){
resolve("db-" + db);
}, 1000);
})
}
顯然我們更想要像同步代碼一樣書寫
我們實現(xiàn)個async
function async(g) {
return function() {
var it = g.apply(this, arguments);
function handle(result) {
if (result.done)
return result.value;
return result.value.then(function(res) {
return handle(it.next(res))
})
}
return handle(it.next())
}
}
var find = async(getInfo);
find("liu", "mydb");
就這么并行了
還可以串行
function *taskRunner(id) {
var task1Output = yield getUser(id);
var task2Output = yield getPass(task1Output);
console.log("trying: ", task2Output);
}
have fun