抛却焦虑，promise大步向前

2023-09-16 22:39:43

我们都知道，Javascript 是一种单线程语言，在执行任务时，只能一个接一个地执行。但当遇到一些耗时较长的任务时，例如网络请求、文件读取等，我们就不能让程序卡在那里等待任务执行完毕，而是需要让程序继续执行其他任务，等耗时任务执行完毕后，再回到这个任务上继续执行。

这就是异步编程的用武之地。异步编程允许程序在执行耗时任务时，继续执行其他任务，而不会阻塞程序的执行。

在 Javascript 中，我们可以通过回调函数来实现异步编程。当我们调用一个异步函数时，我们会传入一个回调函数作为参数，当异步函数执行完毕后，就会调用这个回调函数，并将结果作为参数传递给回调函数。

function asyncFunction(callback) {
  // 执行耗时任务
  setTimeout(() => {
    const result = '耗时任务执行完毕';
    callback(result);
  }, 1000);
}

asyncFunction((result) => {
  // 使用结果
  console.log(result);
});

这种回调函数的方式虽然可以实现异步编程，但当我们需要处理多个异步任务时，就会变得非常复杂和难以管理。

Promise 就是为了解决这个问题而诞生的。Promise 是一种对象，它代表着一个异步操作的最终完成或失败。我们可以通过 Promise.then() 方法来注册一个回调函数，当 Promise 完成时，就会调用这个回调函数，并将结果作为参数传递给回调函数。

const promise = new Promise((resolve, reject) => {
  // 执行耗时任务
  setTimeout(() => {
    const result = '耗时任务执行完毕';
    resolve(result);
  }, 1000);
});

promise.then((result) => {
  // 使用结果
  console.log(result);
});