JavaScript 的期约 Promise：揭开同步与异步编程的奥秘

2024-02-11 18:14:38

在 JavaScript 的编程世界里，期约 Promise 是一颗闪耀的星星，它为我们带来了异步编程的福音。它能够让程序在不阻塞主线程的情况下执行异步任务，从而避免了传统回调函数可能带来的灾难。在这篇文章中，我们将深入探究期约 Promise 的原理和实践，带您领略异步编程的奥秘。

同步与异步的交织：

在 JavaScript 的世界里，脚本的执行遵循单线程原则。这意味着，在任何时刻，只有一个任务能够占据舞台。当一个任务需要等待其他任务完成时，它就会被挂起，等待机会再次执行。这种执行方式被称为同步执行。

然而，现实世界充满了各种各样的异步事件，例如网络请求、定时器回调，以及用户输入。这些事件的发生往往是不可预测的，因此无法在同步执行中处理。为了解决这个问题，JavaScript 引入了异步编程的概念。

异步编程允许任务在不阻塞主线程的情况下执行。当一个异步任务被触发时，它会被添加到一个叫做事件循环（Event Loop）的队列中。事件循环不断地轮询队列中的任务，并在主线程空闲时执行它们。这样，就可以让程序继续运行，而不会被等待异步任务完成而阻塞。

期约 Promise 的诞生：

期约 Promise 应运而生，为异步编程带来了新的希望。它是一种用于处理异步操作的对象，能够让您以同步的方式编写代码，而无需担心异步任务的细节。

期约 Promise 的状态只有三种：等待中（pending）、已完成（resolved）和已拒绝（rejected）。当期约 Promise 被创建时，它的状态是等待中。当异步任务成功完成时，期约 Promise 的状态就会变成已完成。如果异步任务失败，期约 Promise 的状态就会变成已拒绝。

期约 Promise 的用法：

期约 Promise 的用法非常简单，它提供了一个 then() 方法，可以让我们在期约 Promise 的状态改变时执行相应的代码。then() 方法接受两个参数，分别是成功回调和失败回调。当期约 Promise 的状态变成已完成时，成功回调就会被执行。当期约 Promise 的状态变成已拒绝时，失败回调就会被执行。

下面是一个使用期约 Promise 的示例：

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('成功！');
  }, 1000);
});

promise.then((result) => {
  console.log(result); // 输出：成功！
});