Promise

Joanna_Na
192 阅读4分钟

Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。

Promise对象有以下两个特点：

  • 对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。
  • 一旦状态改变，就不会再变，任何时候都可以得到这个结果。

优点：

  • 将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。
  • Promise对象提供统一的接口，使得控制异步操作更加容易。

缺点：

  • 无法取消Promise，一旦新建它就会立即执行，无法中途取消。
  • 如果不设置回调函数，Promise内部抛出的错误，不会反应到外部
  • 当处于pending状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。

API：

  • Promise.prototype.then()

then方法的两个参数都是非必选的。

第一个参数是接受resolve返回的结果，第二次参数是接受reject返回的结果

  • Promise.prototype.catch()

Promise.prototype.catch方法是.then(null, rejection)或.then(undefined, rejection)的别名，用于指定发生错误时的回调函数。

then方法指定的回调函数，如果运行中抛出错误，也会被catch方法捕获。

Promise中所有没有被处理的错误都会冒泡到最后一个catch中

  • Promise.prototype.finally()

finally方法的回调函数不接受任何参数。

finally方法用于指定不管Promise对象最后状态如何，都会执行的操作

finally方法的回调函数不接受任何参数，这意味着没有办法知道，前面的Promise状态到底是fulfilled还是rejected。

  • Promise.all()

Promise.all()方法用于将多个Promise实例，包装成一个新的Promise实例。

const p = Promise.all([p1, p2, p3]);

p的状态由p1、p2、p3决定，分成两种情况。

  1. 只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。 image.png

  2. 只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。

    2.1 image.png

    2.2 如果作为参数的Promise实例，自己定义了catch方法，那么它一旦被rejected，并不会触发Promise.all()的catch方法

image.png

  • Promise.race() Promise.race()方法同样是将多个Promise实例，包装成一个新的Promise实例。
const p = Promise.race([p1, p2, p3]);

上面代码中，只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的 Promise实例的返回值，就传递给p的回调函数。

  • Promise.allSettled() Promise.allSettled()方法接受一组Promise实例作为参数，包装成一个新的Promise实例。 只有等到所有这些参数实例都返回结果，不管是fulfilled还是rejected，包装实例才会结束，参数与Promise.all()方法一样。

Promise.allSettled()的返回的promise实例状态只可能变成resolved,它的监听函数收到的参数是一个数组，该数组的每个成员都是一个对象，每一个对象都有status属性，该属性的值只可能是字符串fulfilled或字符串rejected。fulfilled时，对象有value属性，rejected时有reason属性，对应两种状态的返回值。

image.png

  • Promise.any() Promise.any()方法接受一组Promise实例作为参数，包装成一个新的Promise实例。

只要参数实例有一个变成fulfilled状态，包装实例就会变成fulfilled状态；如果所有参数实例都变成rejected状态，包装实例就会变成rejected状态。

Promise.any()跟Promise.race()方法很像，只有一点不同，就是不会因为某个Promise变成rejected状态而结束。

image.png

image.png

  • Promise.resolve() 有时需要将现有对象转为Promise对象，Promise.resolve()方法就起到这个作用。

  1. 参数是一个Promise实例

  2. 参数是一个thenable对象

    thenable对象指的是具有then方法的对象

  3. 参数不是具有then方法的对象，或根本就不是对象

  4. 不带有任何参数

  • Promise.reject() Promise.reject(reason)方法也会返回一个新的Promise实例，该实例的状态为rejected。
  • Promise.try() 实际开发中，经常遇到一种情况：不知道或者不想区分，函数f是同步函数还是异步操作，但是想用Promise来处理它。因为这样就可以不管f是否包含异步操作，都用then方法指定下一步流程，用catch方法处理f抛出的错误。
const f = () => console.log('now');
Promise.resolve().then(f);
console.log('next');
// next
// now
const f = () => console.log('now');
Promise.try(f);
console.log('next');
// now
// next
avatar
文章
阅读
粉丝