3 回答

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

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