这是一个很有效扁平化 .then 链”正确”的语法，然而，这种方法我们需要使用两个变量 valueA 和 v 来保存相同的值。
方案3：使用一个多余的数组
function executeAsyncTask () {
return functionA()
.then(valueA => {
return Promise.all([valueA, functionB(valueA)])
})
.then(([valueA, valueB]) => {
return functionC(valueA, valueB)
})
}在函数 functionA 的 then 中使用一个数组将 valueA 和 Promise 一起返回，这样能有效的扁平化圣诞树(回调地狱)。
方案4：写一个帮助函数
const converge = (...promises) => (...args) => {
let [head, ...tail] = promises
if (tail.length) {
return head(...args)
.then((value) => converge(...tail)(...args.concat([value])))
} else {
return head(...args)
}
}
functionA(2)
.then((valueA) => converge(functionB, functionC)(valueA))这样是可行的，写一个帮助函数来屏蔽上下文变量声明。但是这样的代码非常不利于阅读，对于不熟悉这些魔法的人就更难了。
使用 async/await 我们的问题神奇般的消失
async function executeAsyncTask () {
const valueA = await functionA()
const valueB = await functionB(valueA)
return function3(valueA, valueB)
}使用 async/await 处理多个平行请求
和上面一个差不多，如果你想一次执行多个异步任务，然后在不同的地方使用它们的值可以使用 async/await 轻松搞定。
async function executeParallelAsyncTasks () {
const [ valueA, valueB, valueC ] = await Promise.all([ functionA(), functionB(), functionC() ])
doSomethingWith(valueA)
doSomethingElseWith(valueB)
doAnotherThingWith(valueC)
}数组迭代方法
你可以在 map 、 filter 、 reduce 方法中使用async函数，虽然它们看起来不是很直观，但是你可以在控制台中实验以下代码。
1.map
function asyncThing (value) {
return new Promise((resolve, reject) => {
setTimeout(() => resolve(value), 100)
})
}async function main () {
return [1,2,3,4].map(async (value) => {
const v = await asyncThing(value)
return v * 2
})
}
main()
.then(v => console.log(v))
.catch(err => console.error(err))
2.filter
function asyncThing (value) {
return new Promise((resolve, reject) => {
setTimeout(() => resolve(value), 100)
})
}
async function main () {
return [1,2,3,4].filter(async (value) => {
