Node.js 如何避免回调地狱

在Node.js中，回调地狱是指我们都使用了复杂的嵌套回调的情况。在这种情况下，每个回调都需要使用上一个回调得到的结果作为参数。这种回调结构导致代码的可读性和可维护性较低。

我们可以借助Promise来避免回调地狱。JavaScript中的Promise是一种处理Node.js中异步操作的方式。它允许我们像处理同步函数一样从异步函数中返回值。当我们从异步方法中返回内容时，它会返回一个Promise，我们可以使用它来在未来的某个时刻通过then()方法或在异步函数内部使用await来消费最终的值。下面是创建Promise的语法：

const promise = new Promise(function(resolve, reject){
     // code logic
});

示例: 在下面提到的代码示例中，我们使用setTimeout()来模拟异步的加法操作。

• 首先，我们创建一个add()函数，它接受三个参数，其中两个是我们想要相加的数字，第三个参数是回调函数，在2秒后调用该回调函数，并将相加的结果作为参数传递给它。然后，我们使用嵌套回调来计算前四个自然数的相加结果，以模拟回调地狱。
• 然后，我们创建一个addPromise()函数，它返回一个promise对象，在调用该函数后的两秒后解决该promise。然后，我们使用then()方法和async/await方法来消耗这个promise。

// The callback function for function 
// is executed after two seconds with 
// the result of addition 
const add = function (a, b, callback) { 
  setTimeout(() => { 
    callback(a + b); 
  }, 2000); 
}; 
  
// Using nested callbacks to calculate 
// the sum of first four natural numbers. 
add(1, 2, (sum1) => { 
  add(3, sum1, (sum2) => { 
    add(4, sum2, (sum3) => { 
      console.log(`Sum of first 4 natural  
      numbers using callback is {sum3}`); 
    }); 
  }); 
}); 
  
// This function returns a promise 
// that will later be consumed to get 
// the result of addition 
const addPromise = function (a, b) { 
  return new Promise((resolve, reject) => { 
    setTimeout(() => { 
      resolve(a + b); 
    }, 2000); 
  }); 
}; 
  
// Consuming promises with the chaining of then() 
// method and calculating the result 
addPromise(1, 2) 
  .then((sum1) => { 
    return addPromise(3, sum1); 
  }) 
  .then((sum2) => { 
    return addPromise(4, sum2); 
  }) 
  .then((sum3) => { 
    console.log( 
      `Sum of first 4 natural numbers using  
       promise and then() is{sum3}` 
    ); 
  }); 
  
// Calculation the result of addition by 
// consuming the promise using async/await 
(async () => { 
  const sum1 = await addPromise(1, 2); 
  const sum2 = await addPromise(3, sum1); 
  const sum3 = await addPromise(4, sum2); 
  
  console.log( 
    `Sum of first 4 natural numbers using  
     promise and async/await is ${sum3}` 
  ); 
})(); 

输出：