ES6中的async/await让Promise变得更加简便,通常await处理的链式Promise会包裹在函数中,返回结果仍然是一个Promise对象。
但是当await直接处理链式Promise时,编译器是会返回一个Promise对象等待下次await,还是继续执行Promise对象直到返回结果不再是Promise?
测试环境
NodeJS v8.7.0
测试代码
1 const util = require('util'); 2 3 const prom2 = util.promisify((a, b, cb) => { 4 cb(null, a + b); 5 }); 6 7 function promiseCal(a, b) { 8 return prom2(a, b) 9 .then((val) => { 10 console.log(`value in first then: ${val}`); 11 return val * 2; 12 }) 13 .then((val) => { 14 console.log(`Value in second then: ${val}`); 15 return val * 3 16 }); 17 } 18 19 async function test() { 20 // await getting value from chained promise 21 let val1 = await promiseCal(2, 4); 22 23 console.log(`Typeof val1: ${typeof val1} Final returned value: ${val1}`); 24 25 // await getting value from another form 26 console.log(`[v2] Type of prom2: ${typeof prom2}`); 27 let val2 = await prom2(4, 6) 28 .then((val) => { 29 console.log(`[v2] Value in first then: ${val}`); 30 return val * 2; 31 }) 32 .then((val) => { 33 console.log(`[v2] Value in second then: ${val}`); 34 return val * 3 35 }); 36 console.log(`[v2] Typeof val2: ${typeof val2} [v2] Final returned value: ${val2}`); 37 } 38 39 test() 40 .catch(e => console.error(e.stack || e));
运行结果
value in first then: 6 Value in second then: 12 Typeof val1: number Final returned value: 36 [v2] Type of prom2: function [v2] Value in first then: 10 [v2] Value in second then: 20 [v2] Typeof val2: number [v2] Final returned value: 60
结论
await操作符会沿着Promise链处理到返回结果不再是Promise位置,await语句返回的将是Primise链上最后一个then函数的返回值(或者抛出异常)。