当前位置: 首页 > news >正文

Promise的状态和方法是什么?

 `Promise` 的状态和方法

 1. `Promise` 的状态

一个 `Promise` 可以处于以下三种状态之一:

- Pending(待定):初始状态,表示异步操作正在进行中,`Promise` 还没有被解决或拒绝。
- Fulfilled(已完成):操作成功完成,`Promise` 已经 resolved(解决),并返回结果。
- Rejected(已拒绝):操作失败,`Promise` 已经 rejected(拒绝),并返回错误原因。

这三个状态是 `Promise` 在生命周期中会经历的状态,一旦状态从 Pending 变为 Fulfilled 或 Rejected,它就不能再改变状态。

 2. `Promise` 的方法

`Promise` 提供了一些常用的方法来处理异步操作的结果。这些方法用于设置 `Promise` 完成时的行为或处理错误。

1. `then(onFulfilled, onRejected)`

- `then()` 方法用于指定当 `Promise` 成功时(状态变为 `Fulfilled`)执行的回调函数,以及当 `Promise` 失败时(状态变为 `Rejected`)执行的回调函数。
- `onFulfilled` 是操作成功时的回调,`onRejected` 是操作失败时的回调。

javascript
promise.then(
  result => {
    console.log('操作成功:', result);
  },
  error => {
    console.log('操作失败:', error);
  }
);


 

链式调用:
- `then()` 返回一个新的 `Promise` 对象,因此可以进行链式调用。链式调用的返回值会传递到下一个 `then()` 中。

javascript
promise
  .then(result => {
    return result + ' 继续执行';
  })
  .then(newResult => {
    console.log(newResult);  // '继续执行'
  })
  .catch(error => {
    console.log(error);
  });


 

 2. `catch(onRejected)`

- `catch()` 方法是专门用来处理 `Promise` 被拒绝(即状态为 `Rejected`)时的回调。它实际上是 `.then(null, onRejected)` 的简写。

javascript
promise
  .then(result => {
    console.log(result);
  })
  .catch(error => {
    console.error('操作失败:', error);
  });


 

 3. `finally(onFinally)`

- `finally()` 方法用于在 `Promise` 执行完毕后,无论成功还是失败,都会执行 `onFinally` 回调函数。`finally` 返回的 `Promise` 对象会继承原 `Promise` 的状态。

javascript
promise
  .then(result => {
    console.log('成功:', result);
  })
  .catch(error => {
    console.log('失败:', error);
  })
  .finally(() => {
    console.log('无论成功或失败都会执行');
  });


 

 4. `Promise.resolve(value)`

- `Promise.resolve(value)` 方法返回一个已经 `fulfilled` 状态的 `Promise`,并且返回 `value` 作为结果。
- 如果传入的是一个 `Promise` 对象,则返回该 `Promise` 对象。

javascript
let resolvedPromise = Promise.resolve('成功');
resolvedPromise.then(result => {
  console.log(result);  // '成功'
});


 

5. `Promise.reject(reason)`

- `Promise.reject(reason)` 方法返回一个已经 `rejected` 状态的 `Promise`,并且返回 `reason` 作为拒绝的原因。

javascript
let rejectedPromise = Promise.reject('失败');
rejectedPromise.catch(error => {
  console.log(error);  // '失败'
});

6. `Promise.all(iterable)`

- `Promise.all()` 方法接收一个可迭代对象(例如数组),并返回一个新的 `Promise`。该 `Promise` 会等到所有的 `Promise` 都完成时才会被 `fulfilled`,或者当其中一个 `Promise` 被 `rejected` 时就被 `rejected`。
- 该方法适用于需要并行执行多个异步操作,并等待它们全部完成的场景。

javascript
let promise1 = Promise.resolve(1);
let promise2 = Promise.resolve(2);
let promise3 = Promise.resolve(3);

Promise.all([promise1, promise2, promise3])
  .then(results => {
    console.log(results);  // [1, 2, 3]
  })
  .catch(error => {
    console.error(error);
  });


 

 7. `Promise.race(iterable)`

- `Promise.race()` 方法接收一个可迭代对象(例如数组),并返回一个新的 `Promise`。该 `Promise` 在第一个 `Promise` 完成(无论是 `fulfilled` 还是 `rejected`)时就会结束,不再等待其他 `Promise` 完成。

javascript
let promise1 = new Promise(resolve => setTimeout(resolve, 100, 'A'));
let promise2 = new Promise(resolve => setTimeout(resolve, 200, 'B'));

Promise.race([promise1, promise2])
  .then(result => {
    console.log(result);  // 'A' (第一个完成的 Promise)
  });


 

 3. 总结

- `then()`:用于处理成功和失败的回调,支持链式调用。
- `catch()`:用于处理 `Promise` 被拒绝时的回调,简化错误处理。
- `finally()`:无论成功或失败都执行的回调,用于执行清理操作。
- `Promise.resolve()`:用于返回一个已解决的 `Promise`。
- `Promise.reject()`:用于返回一个已拒绝的 `Promise`。
- `Promise.all()`:用于并行执行多个异步操作,所有操作完成后才会返回。
- `Promise.race()`:用于返回第一个完成的异步操作。

这些方法帮助我们更优雅地处理异步操作,避免回调地狱,并简化错误处理。

相关文章:

  • OpenHarmony子系统开发 - init启动引导组件(八)
  • 【AI编程学习之Python】第一天:Python的介绍
  • Python_电商erp自动拆分组合编码
  • Kafka中的消息是如何存储的?
  • 软件工程面试题(九)
  • CXL UIO Direct P2P学习
  • Python 服务器部署全解析:API 调用、数据处理与展示
  • 头歌 | Linux之用户高级管理
  • MYTOOL-笔记
  • Linux系统编程 | 线程的基本概念
  • 安装Webpack并创建vue项目
  • 深入理解 `git pull --rebase` 与 `--allow-unrelated-histories`:区别、原理与实战指南
  • 中医卫气营血辨证
  • STM32基础教程——旋转编码器测速
  • Django实战:打造美观的管理后台
  • 【银河麒麟高级服务器操作系统 】虚拟机运行数据库存储异常现象分析及处理全流程
  • Python np.vectorize函数介绍
  • 【万字总结】前端全方位性能优化指南(七)——按需加载、虚拟列表、状态管理
  • 微软重磅发布 OmniParser V2.0:AI 视觉解析能力跃升,开启界面自动化新时代
  • FPGA——分秒计数器设计(DE2-115开发板)
  • 漳州市网站建设/微信引流推广怎么找平台
  • 网站开发及建设费用/网站营销软文
  • ps和dw怎么做网站/在线seo短视频
  • 西宁手机网站建设/商品推广软文范例300字
  • 吉安市建设局图审中心网站/有效获客的六大渠道
  • 长沙高端网站建设公司/重庆seo招聘