一篇带你了解promise使用过程中会存在什么状态

promise(承诺)的状态

  • Pending(待定):初始状态,表示promise正在执行中,也可能是等待中。
javascript 复制代码
const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    const success = true; // 模拟异步操作成功的条件
    if (success) {
      resolve("操作成功");
    } else {
      reject("操作失败");
    }
  }, 2000); // 假设异步操作需要2秒钟完成
});
console.log(promise);

浏览器执行结果:

  • Fulfilled(已完成):表示promise已成功完成操作,且返回了一个值。
javascript 复制代码
const promise = new Promise((resolve, reject) => {
  // 异步操作
  // 这里可以是一段耗时的异步代码

  resolve("操作成功");
});
promise.then((result) => {
  console.log(result); // 输出:"操作成功"
}).catch((error) => {
  console.error(error);
});

浏览器执行结果:

  • Rejected(已拒绝):表示promise未能成功完成操作,出现了错误或异常情况。 这些状态描述了promise在执行过程中可能经历的不同阶段,帮助开发人员更好地处理异步操作和结果处理。
javascript 复制代码
const promise = new Promise((resolve, reject) => {
  // 异步操作
  // 这里可以是一段耗时的异步代码

  reject("操作失败");
});

promise.then((result) => {
  console.log(result);
}).catch((error) => {
  console.error(error); // 输出:"操作失败"
});

浏览器执行结果:

了解这些状态有什么作用?

  1. Pending(待定)状态 :在 Promise 对象刚被创建时,其状态为 pending。此时可以调用 .then() 方法来注册一个成功回调函数,以及 .catch() 方法来注册一个失败回调函数,用于处理异步操作的成功和失败情况。
  2. Fulfilled(已完成)状态 :当 Promise 对象的异步操作成功完成时,其状态会变为 fulfilled。此时可以调用 .then() 方法来注册一个成功回调函数,用于处理异步操作成功的情况。
  3. Rejected(已失败)状态 :当 Promise 对象的异步操作失败时,其状态会变为 rejected。此时可以调用 .catch() 方法来注册一个失败回调函数,用于处理异步操作失败的情况。

所以熟练掌握并迅速了解当前代码下promise处于什么状态,有助于我们快速解决异步操作不同情况下的问题。

总结:

在使用 Promise 过程中,主要存在三种状态:Pending(待定)、Fulfilled(已完成)和 Rejected(已失败)。当 Promise 对象刚被创建时,处于待定状态;异步操作成功完成时,进入已完成状态;异步操作失败时,进入已失败状态。通过这些状态变化,我们可以清晰地了解异步操作的执行情况,并在合适的时机进行处理。在编写异步代码时,合理处理这些状态变化是保证程序健壮性和可靠性的关键。

总之,Promise 的状态变化体现了异步操作的承诺和执行过程,通过合理处理不同状态,我们可以实现更可靠的异步编程。如果本文对你有所帮助,还望点个赞支持一下,感谢大家。

相关推荐
程序员黑豆1 小时前
Java类型推断完全指南:从var到菱形运算符,掌握使用限制与最佳实践
java·前端·ai编程
To_OC2 小时前
踩了个 TS 的坑之后,我终于把 type 和 interface 掰明白了
前端·react.js·typescript
GreenTea2 小时前
深度解读 Anthropic 多智能体报告:更强的模型 ≠ 更好的协调
前端·后端·算法
浮生望2 小时前
前端API工程化:用 Mock 数据与 Axios 配置实现独立于后端的并行开发
前端
万少3 小时前
给 DeepSeek Harness 装个"应用商店":一条命令,595 个插件随你逛
前端·javascript·后端
波波0073 小时前
C# 15 重磅新特性: 带标签 break 与 continue:重新定义嵌套循环控制流
服务器·前端·c#
Brown.alexis4 小时前
es6知识点1-自备使用
前端·ecmascript·es6
小爬的老粉丝5 小时前
JavaScript 纯前端预览 WPS:先识别容器,再路由解析器
前端·javascript·wps
计算机魔术师5 小时前
新兴多智能体系统的模式与问题
前端
用户059540174466 小时前
AI Agent 上下文污染踩坑实录:用 pytest + Redis 揪出 3 类记忆串号 bug,排查 6 小时
前端·css