Node.js 同时取多个数据并渲染问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3063 天前的主题，其中的信息可能已经有所发展或是发生改变。

小弟初学 node ，有个地方想不明白，想请教一下。

例如我现在要取得 A 、 B 两个数据，并渲染到模板中

传统的渲染模型大概是这样：

var A = getDataA('param')
var B = getDataB('param')

// 这里，获取到了 A 、 B 两个数据，然后一并作为数据渲染到模板中：
render('template',{
    'a':A,
    'b':B
})

但是因为 node 中的异步操作，一般都不直接返回结果，而是传入一个回调函数，处理获取的结果

getDataA('param',funciton(A){
	//这里获取到了 A ，并处理，此时可以去获取Ｂ
    
	getDataB(param,function(B){
		//获取到 B
		//这里就访问不到 A 了，此时在这里渲染出去，就只能渲染 B,有没有什么办法 A/B 同时获取，并渲染模板
     render('template',{
     	'b':B
     })
	})
})

请教有什么好的解决办法，或者是我又想不到的地方？

渲染

param'

Node

获取

16 条回复 • 2016-07-15 23:26:41 +08:00

aivier

2016-07-15 12:14:19 +08:00 via Android

这里应该是能访问到 A 的吧...

Jeremial

2016-07-15 12:14:39 +08:00

```
var a = yield getData('A');
var b = yield getData('B');
render('template', {
'a': a,
'b': b
});
```

```
var a = getData('A'); // get a promise
var b = getData('B'); // get a promise

Promise.all([a, b]).then(function(a, b){
render('template', {
a: a,
b: b
})
});
```

Jeremial

2016-07-15 12:16:01 +08:00

上面 promise.all().then 得到的是一个 array, 不是 a, b 两个参数

haozhang

2016-07-15 12:16:29 +08:00 via iPhone

在 getDataB 的回调函数里面是可以访问到 A 的

wuhuaji

2016-07-15 12:21:34 +08:00 via Android

@haozhang 多谢指正，看来基础还是不够牢固

wuhuaji

2016-07-15 12:23:21 +08:00 via Android

@Jeremial 谢谢，回去看下 promise

zhuangzhuang1988

2016-07-15 12:31:57 +08:00

http://nqdeng.github.io/7-days-nodejs/#6.2 没有 promise 的情况

sherlocktheplant

2016-07-15 12:46:15 +08:00

用 async 库的话比较简单

async.parallel([
function(callback) { getData('A', callback) },
function(callback) { getData('B', callback) }
], function(err, results){
var a = results[0];
var b = results[1];
render('template', {
a: a,
b: b
});
});

不用库的话
var a,b, aFetched, bFetched;

getData('A', function(result){
a = result;
aFetched = true;
checkResults();
});

getData('B', function(result){
b = result;
bFetched = true;
checkResults();
});

function checkResults(){
if(bFetched && bFetched) {
render({
a: a,
b: b
});
}
}