有了 Promise 对象，JavaScript 也不再是简单的单线程语言

2023-10-10 19:32:02

在 JavaScript 语言中，曾经是单线程的语言。这也就意味着，所有的代码都会按照从上到下的顺序依次执行，互不干扰。但是，随着 Ajax 等异步技术的发展，单线程的 JavaScript 语言也开始变得力不从心。异步操作很容易导致代码的混乱和难以维护，因此，我们需要一种新的机制来处理异步操作。

Promise 对象的创建与使用

Promise 对象的创建非常简单，只需要使用 new Promise() 方法即可。该方法接收一个函数作为参数，该函数称为 executor 函数。executor 函数的第一个参数是 resolve 函数，第二个参数是 reject 函数。resolve 函数用于将 Promise 对象的状态从 pending 状态变为 resolved 状态，reject 函数用于将 Promise 对象的状态从 pending 状态变为 rejected 状态。

const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    resolve('成功');
  }, 1000);
});

创建好 Promise 对象后，就可以使用 .then() 方法来注册回调函数。.then() 方法接收两个回调函数作为参数，第一个回调函数用于处理 Promise 对象的状态为 resolved 时的结果，第二个回调函数用于处理 Promise 对象的状态为 rejected 时的结果。

promise.then(result => {
  console.log(result); // 成功
}, error => {
  console.log(error); // 失败
});

Promise 对象的链式调用

Promise 对象支持链式调用，这使得我们可以将多个 Promise 对象串联起来执行。例如，我们可以使用 .then() 方法来注册一个回调函数，该回调函数返回一个新的 Promise 对象，然后使用下一个 .then() 方法来注册另一个回调函数，该回调函数处理新 Promise 对象的结果。

promise.then(result => {
  return new Promise((resolve, reject) => {
    // 异步操作
    setTimeout(() => {
      resolve('再次成功');
    }, 1000);
  });
}).then(result => {
  console.log(result); // 再次成功
}, error => {
  console.log(error); // 失败
});