如何使用承诺做串行任务

Question

所以我有4个任务：getStatus()，updateStatus(A)，getTask()，updateTask()，它应该以这种方式执行：

getStatus(function(status) {
  // A
  updateStatus(status, function(status) {
    // B
    getTask(function(task) {
      // C
      updateTask(task, function(task) {
        // D
      })
    })
  })
})

所以为了避免回调地狱，我用了 promise，现在这四个任务都返回一个 Promise，然后我把它改成这样

getStatus().then(function(status) {
  // A
  updateStatus(status).then(function(status) {
    // B
    getTask().then(function(task) {
      // C
      updateTask(task).then(function(task) {
        //D
      })
    })
  }) 
}) 

如您所见，它仍然有 then hell ，

我是否做错了承诺？

Answer 1

如果你不需要在 C 和 D 中使用status，这种.then的使用将导致一个解析为task的承诺：

getStatus()
    .then(updateStatus)
    .then(() => getTask())
    .then(updateTask)

还有 async/await：

const status = await getStatus();
await updateStatus(status);
const task = await getTask();
await updateTask(task);

Answer 2

它应该是这样的：

getStatus().then(function(status) {
  // A
   return updateStatus(status)
}).then(function(status){
   return updateStatus(status)
}).then(function(status) {
  return getTask()
}).then(function(task) {
      // C
  return updateTask(task)
}).then(function(task) {
     //D
    return getStatus();
}).then(function(newStatus){
     // here you have newStatus returned by getStatus() in D
})

而且不再有回电地狱;)

Answer 3

如果你想在 D 中获取 getStatus 返回的状态。 你可以这样做

function getStatus ( //here return promise)
function updateStatus( //here return promise)
function updateTask( //here return promise) 

在此之后

Promise.all([
    getStatus(),updateStatus(),updateTask() 
]).spread(function(a, b,c) {
   //here a = result of getStatus
   //here b = result of updateStatus
   //here c = result of updateTask
});