ES6-----Promise 对象

最新推荐文章于 2024-08-10 07:35:47 发布

原创最新推荐文章于 2024-08-10 07:35:47 发布 · 151 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ES6 #异步

ES6 专栏收录该内容

2 篇文章

订阅专栏

Promise作为ES6规范的一部分，提供了一种处理异步操作的新方法，相比传统回调函数和事件更为灵活高效。本文详细介绍了Promise的概念、状态、优缺点及基本用法，包括then、catch、finally等方法，并探讨了Promise.all和Promise.race的应用。

Promise实际上不是什么新鲜的东西，他是异步编程的一种解决方案，相较于传统的回调函数和事件来说更灵活和更节约时间，在ES6中他得到了规范化

在ES6中，Promise往小了说是一个容器，保存着不知道什么时候会结束的事件的结果。他是一个对象，可以取得异步操作的消息

他有两个特点：

对象的状态不受外界影响。他代表一个异步操作，只有三种状态，pending（进行中）、fulfilled（已成功）和失败（reject），从外界无法改变其状态
一旦状态改变，就不会再改变，任何时候都会获得这个结果，因此他的结果只有两种，要么成功要么失败，状态会一直凝结，等待来取他的那个人

他有三个缺点：

无法取消Promise，一旦新建就会立即执行，不能取消
必须要有回调函数，不然会内部报错
当处于pending状态时，无法判断此时的结果状态

基本用法

Promise是一个构造函数，用来生成Promise实例。其参数是resolve（成功时的结果）和reject（失败时的错误），这是有JS引擎提供的。

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

  if (/* 异步操作成功 */){
    resolve(value);
  } else {
    reject(error);
  }
});

实例生成后，使用then方法，分别指定两种状态的处理结果的回调函数

promise.then(function(value) {
  // success
}, function(error) {
  // failure
});

方法

then()

then方法是定义再原型Promise.prototype上的，其作用是状态改变时的回调函数。在实际应用中，可以采用链式的then调用多个Promise对象

catch()

catch方法也是定义再原型Promise.prototype，其作用是用于指定发生错误时的回调函数，用于捕获错误

finally()

finally方法也是定义再原型Promise.prototype，他的作用是不管最后的状态如何，都会执行的操作，该方法在ES2018中引入，这个方法没有任何参数，其本质是then()的特例

all()

用于多个Promise实例，包装成一个新的Promise实例

race()

将多个 Promise 实例，包装成一个新的 Promise 实例。

resolve()

将对象转为Promise对象，

reject()

返回一个新的Promise实例，该实例的状态是rejected