關於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. 
});