关于JavaScript Promise的最佳做法

Question

return makeFirstPromise() 
    .then(function(res1) { 
     (...) 
    }) 
    .then(function(res2) { 
     (...) 
    }) 
    .then(function(res3) { 
     // **here I need to access res1** 
    }); 

我想知道当我需要访问前一个承诺时，是否有最佳做法导致我的承诺链的后续功能。

我看到了两个可能的解决方案：

var r1; 
return makeFirstPromise() 
    .then(function(res1) { 
     r1 = res1; 
     (...) 
    }) 
    .then(function(res2) { 
     (...) 
    }) 
    .then(function(res3) { 
     console.log(r1); 
    }); 

或窝后的第一个承诺，但它在视觉上打破了链序列：

return makeFirstPromise() 
    .then(function(res1) { 
     (...) 
     return secondPromise(res2) 
      .then(function(res3) { 
       console.log(res1); 
      }); 
    }); 

任何想法？

Answer 1

Promise语法构想为be used in the first way。第二种语法非常快速地混淆。
但不要忘记将结果传递给下一个承诺。

var r1; 
return makeFirstPromise() 
    .then(function(res1) { 
     r1 = res1; 
     (...) 
     return r1; 
    }) 
    .then(function(r1) { 
     (...) 
    }); 

Answer 2

概念上承诺代理值，最简单的方式使用它们的值是使用它们作为代理。这是他们摘要：

var res1 = makeFirstPromise(); 
var res2 = res1.then(makeSecondPromise); 
Promise.all([res1, res2]).spread(function(firstResult, secondResult){ 
    // access both here, no nesting or closure hacks required. 
});