剖析现代 JavaScript 的灵魂——手写 Promise(1)

2023-10-25 15:21:06

深入浅出地剖析现代JavaScript的灵魂——手写Promise(1)，领略异步编程的奥秘！

在现代JavaScript的世界里，异步编程如同一股奔腾不息的浪潮，席卷了整个应用开发领域。无论是前端还是后端，无论是桌面应用还是移动应用，异步编程都扮演着至关重要的角色。而在众多的异步编程解决方案中，Promise脱颖而出，成为当之无愧的宠儿。

什么是Promise？

Promise，译为“承诺”，在JavaScript中是一种表示异步操作结果的对象。它为异步操作提供了一种简洁、优雅的方式，让我们能够轻松地处理异步操作的结果，并实现代码的可读性和可维护性。

Promise的三种状态

每个Promise对象都有三种状态：

Pending（待定）： 这是Promise的初始状态，表示异步操作尚未完成。
Fulfilled（已完成）： 当异步操作成功完成时，Promise的状态变为Fulfilled，并携带一个值作为结果。
Rejected（已拒绝）： 当异步操作失败时，Promise的状态变为Rejected，并携带一个值作为错误原因。

Promise的用法

Promise的使用非常简单，主要包含以下几个步骤：

创建一个Promise对象。
在Promise对象中，定义一个异步操作函数。
在异步操作函数中，使用resolve()或reject()方法来改变Promise的状态。
使用then()或catch()方法来处理Promise的结果。

以下是一个简单的示例，演示了如何使用Promise：

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

promise.then((result) => {
  console.log(result); // 输出：成功了！
}).catch((error) => {
  console.log(error); // 不会被执行
});