3 回答

TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超6個(gè)贊
在node.js開(kāi)發(fā)過(guò)程中會(huì)遇到層層回調(diào),雖然回調(diào)是node.js的優(yōu)勢(shì)所在,但同樣也是坑。有如下場(chǎng)景需要返回多層回調(diào)函數(shù)中的結(jié)果:
http.request("/url", function(res){
obj.get(res, function(res2){
obj.get(res2,function(res3){
//此處可以得到res3
});
});
console.log('結(jié)束');
});
假如有一個(gè)函數(shù)
var func1 = function() {
//在這里會(huì)用到上面的那段代碼
}
就像下面這樣
router.get('url', function(req, res) {
http.request("/url", function(res1) {
obj.get(res, function(res2) {
obj.get(res2,function(res3) {
//得到res3后傳值到頁(yè)面
res.render('html',{res:res3})
});
});
});
});
如果我們有多個(gè)路由都需要用到那段代碼的返回值,我們或許會(huì)把它提取出來(lái)當(dāng)做一個(gè)公共的部分來(lái)使用,于是把它放到一個(gè)函數(shù)中:
var func2= function(){
http.request("/url", function(res){
obj.get(res, function(res2){
obj.get(res2,function(res3){
//在此處返回得到的值
returen res3;
});
});
console.log('結(jié)束');
});
}
然后在每個(gè)路由中調(diào)用,可是結(jié)果卻出人意料,在調(diào)用func2()以后并沒(méi)有得到想要的結(jié)果res3,事實(shí)上已經(jīng)輸出了“結(jié)束”兩字。
其實(shí)這就是node.js的異步回調(diào)導(dǎo)致的結(jié)果,整個(gè)代碼段走完了,回調(diào)函數(shù)中的值卻沒(méi)有返回。
那該怎么辦?解決辦法還是用回調(diào)解決,將上面代碼改寫(xiě):
var func2= function(param, callback) {
http.request("/url", function(res) {
obj.get(res, function(res2) {
obj.get(res2,function(res3) {
callback(res3);
});
});
console.log('結(jié)束');
});
}
接下來(lái)就是調(diào)用上面這段代碼:
router.get("url", function(req, res) {
func2(p1, function(res2) {
res.render("html", {res:res2});
});
});

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊
擁抱ES6,替代回調(diào)函數(shù),解決回調(diào)地獄問(wèn)題
話說(shuō)EcmaScript Harmony (ES6)給js引入了不少新特性,對(duì)ES6不太了解的同學(xué),可以自行百度一下。
在nodejs中使用ES6的新特性,需要用v0.11.x以上的版本才行。
本文介紹的是使用Generator特性替代回調(diào)函數(shù),對(duì)Generator不了解?可以看看這里。
這里用到了co和thunkify兩個(gè)模塊,大家使用npm install命令安裝之。
啟動(dòng)時(shí),為了讓nodejs支持ES6的特性,需要附加--harmony參數(shù),如:node --harmony index.js
還是以本文剛開(kāi)始提到的問(wèn)題為例,使用generator特性的實(shí)例代碼如下:
var fs = require('fs')
, co = require('co')
, thunkify = require('thunkify');
var readFile = thunkify(fs.readFile);
co(function *() {
var test1 = yield readFile('test1.txt');
var test2 = yield readFile('test2.txt');
var test = test1.toString() + test2.toString();
console.log(test);
})();
處理代碼中的異常也是很簡(jiǎn)單的,只需要這樣就OK了:
try {
var test1 = yield readFile('test1.txt');
} catch (e) {
// 在這里處理異常
}
- 3 回答
- 0 關(guān)注
- 1038 瀏覽
添加回答
舉報(bào)