Promise 实现之从一道执行顺序题目谈起

在 JavaScript 异步编程中，Promise 是一个非常重要的概念。为了更好地理解 Promise 的实现和执行顺序，让我们从一道经典的题目开始探讨。

假设我们有以下代码：

function task1() {
  return new Promise((resolve, reject) => {
    console.log('Task 1 started');
    setTimeout(() => {
      console.log('Task 1 completed');
      resolve();
    }, 2000);
  });
}

function task2() {
  console.log('Task 2 started');
  return Promise.resolve('Task 2 result');
}

function main() {
  task1().then(() => {
    console.log('Task 1 resolved');
  });

  task2().then(result => {
    console.log('Task 2 result:', result);
  });

  console.log('Main function completed');
}

main();

在这个示例中，首先执行 main 函数。在 main 函数中，依次调用 task1 和 task2 两个异步任务。

task1 内部使用 setTimeout 模拟了一个耗时 2 秒的操作，在操作完成后调用 resolve 来表示任务完成。

task2 则直接返回一个已解决的 Promise，并带有结果 'Task 2 result' 。

在 task1 和 task2 被调用后，立即输出 'Main function completed' ，然后按照 Promise 的执行规则，当 task1 完成时，输出 'Task 1 resolved' ，当 task2 完成时，输出 'Task 2 result:' 以及其结果。

通过这道题目，我们可以清晰地看到 Promise 对于异步操作的封装和执行顺序的控制。它使得异步代码的逻辑更加清晰和可预测，避免了回调地狱的问题。

在实际开发中，合理地运用 Promise 可以大大提高代码的可读性和可维护性。比如在处理多个异步任务的依赖关系时，可以通过 then 方法的链式调用，优雅地组织代码。

深入理解 Promise 的实现和执行顺序对于掌握 JavaScript 异步编程至关重要。通过不断地练习和实践，我们能够更好地运用 Promise 来构建高效、可靠的异步应用程序。