promise对象详解

原创

已于 2025-08-03 13:41:38 修改 · 641 阅读

1 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

文章标签：

#promise

于 2018-05-03 16:18:56 首次发布

Promise是一个代表未来完成事件结果的容器，提供统一API处理异步操作。它有三种状态：pending、fulfilled和rejected，一旦状态改变即凝固。本文将介绍Promise的基本用法，如创建实例，并展示在加载图片等应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Promise释义

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。

Promise对象有三个状态：pending和fulfilled、rejected
状态只能从pending变为fulfilled或rejected两种方式。
Promise对象的状态一旦发生改变，就无法改变，任何时候都可以得到这个状态。
只要状态发生改变后，状态就会凝固，这时候就称为resolved(已定型)

Promise.prototype = {
   
   
  then: function(resolve,reject){
   
   },
  //catch方法是.then(null,rejection)的别名，用于指定发生错误时的回调函数
  catch: function(error){
   
   },
  //all方法用于将多个 Promise 实例，包装成一个新的 Promise 实例
  all: function([p1,...]){
   
   },
  // 多个promise实例中只要有一个状态改变，由race创造的promise实例的状态会立即随之改变
  race: function(){
   
   },
  resolve: function(){
   
   },
  reject: function(){
   
   },
  // 不管Promise对象最后状态如何，都会执行的操作。
  finally: function(){
   
   },
  // 一组异步操作结束后，不管成功还是失败，再进行下一步操作
  allSettled: function(){
   
   },
  // 只要多个Promise实例参数中的一个变成`fulfilled`状态，包装实例就会变成`fulfilled`状态；
  // 如果所有参数实例都变成`rejected`状态，包装实例才会变成`rejected`状态。
  any: function(){
   
   }
}

基本用法

创造一个promise实例

const promise = new Promise(function(resolve, reject) {
   
   
  // ... some code

  if (/* 异步操作成功 */){
   
   
  // resolve函数的作用是，将Promise对象的状态从“未完成”变为“成功”（即从 pending 变为 resolved）
  // 在异步操作成功时调用，并将异步操作的结果，作为参数传递出去
    resolve(value);
  } else {
   
   
    // reject函数的作用是，将Promise对象的状态从“未完成”变为“失败”（即从 pending 变为 rejected）
    // 在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。
    reject(error);
  }
});

// Promise实例生成以后，可以用then方法分别指定resolved状态和rejected状态的回调函数。
promise.then(function(value) {
   
   
  // success
}, function(error) {
   
   
  // failure
});