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

[wuhuaji]

小弟初学 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
     })
	})
})

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

[aivier]

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

[Jeremial]

```
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]

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

[haozhang]

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

[wuhuaji]

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

[wuhuaji]

@Jeremial 谢谢，回去看下 promise

[zhuangzhuang1988]

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

[sherlocktheplant]

用 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
});
}
}

[Mirachael]

async +1

[wuhuaji]

@Jeremial 感谢指点，解决了我的问题。

其他朋友的指点也很好，回去好好总结一下！

[123s]

generator 都说了，为什么不说 async/await

[welefen]

用 ThinkJS 这些问题框架自动给解决了

[wuhuaji]

@123s 因为我还没来得及看相关的内容，今天才了解了 promise

[marvinwilliam]

可以试试 promise.all

[wuhuaji]

@marvinwilliam 谢谢，正是用 promise.all 解决了这个问题

[klesh]

这个场景用 props 更好