Promise 对象

2020-08-07  本文已影响0人  zhulichao

Promise对象

所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。

Promise的特点:

Promise的缺点:

如果某些事件不断地反复发生,一般来说,使用stream模式是比部署Promise更好的选择。

Promise对象是一个构造函数,用来生成Promise实例,它接受一个函数作为参数,该函数的两个参数分别是resolve和reject。它们是两个函数,由JavaScript引擎提供,不用自己部署。resolve函数的作用是,将Promise对象的状态从Pending变为Resolved,在异步操作成功时调用,并将异步操作的结果作为参数传递出去;reject函数的作用是,将Promise对象的状态从Pending变为Rejected,在异步操作失败时调用,并将异步操作报出的错误作为参数传递出去。Promise实例生成后,可以用then方法分别指定Resolved状态和Rejectded状态的回调函数。

var promise = new Promise(function(resolve, reject) {
  // ... some code
  if (/* 异步操作成功 */){
    resolve(value);
  } else {
    reject(error);
  }
});

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

then方法指定的回调函数,将在当前脚本所有同步任务执行完才会执行。
resolve函数的参数除了正常的值以外,还可能是另一个Promise实例,形式如下。这时p1的状态就会传递给p2,也就是说,p1的状态决定了p2的状态。如果p1的状态是Pending,那么p2的回调函数就会等待p1的状态改变;如果p1的状态已经是Resolved或者Rejected,那么p2的回调函数将会立刻执行。由于p2返回的是另一个Promise,所以后面的then语句都变成针对p1了。

var p1 = new Promise(function (resolve, reject) {
  // ...
});

var p2 = new Promise(function (resolve, reject) {
  // ...
  resolve(p1);
});

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

如果异步操作抛出错误,状态就会变为Rejected,就会调用catch方法指定的回调函数,处理这个错误。另外,then方法指定的回调函数,如果运行中抛出错误,也会被catch方法捕获。Promise对象的错误具有“冒泡”性质,会一直向后传递,直到被捕获为止。也就是说,错误总是会被下一个catch语句捕获。

promise.then(function(posts) {
  // ...
}).catch(function(error) {
  // 处理 getJSON 和 前一个回调函数运行时发生的错误
  console.log('发生错误!', error);
});

跟传统的try/catch代码块不同的是,如果没有使用catch方法指定错误处理的回调函数,Promise对象抛出的错误不会传递到外层代码,即不会有任何反应。
需要注意的是,catch方法返回的还是一个Promise对象,因此后面还可以接着调用then方法。如果没有报错,则会跳过catch方法。

Node 有一个unhandledRejection事件,专门监听未捕获的reject错误。

// 第一个参数是错误对象,第二个参数是报错的Promise实例
process.on('unhandledRejection', function (err, p) {
  console.error(err.stack)
});

Promise.all方法用于将多个Promise实例,包装成一个新的Promise实例。p1、p2、p3都是Promise对象的实例,如果不是,就会先调用Promise.resolve方法将参数转为Promise实例。

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

p的状态由p1、p2、p3决定:

Promise.race方法同样是将多个Promise实例,包装成一个新的Promise实例。该方法与Promise.all类似,区别是只要p1、p2、p3之中有一个实例率先改变状态,p的状态就跟着改变,那个率先改变的 Promise 实例的返回值,就传递给p的回调函数。

var p = Promise.race([p1, p2, p3]);

Promise.resolve方法将现有对象转为Promise对象:

如给fetch添加客户端超时,如果5秒之内fetch方法无法返回结果,变量p的状态就会变为rejected,从而触发catch方法指定的回调函数。

const p = Promise.race([
  fetch(url),
  new Promise(function (resolve, reject) {
    setTimeout(() => reject(new Error('request timeout')), 5000)
  })
]);
p.then(response => console.log(response));
p.catch(error => console.log(error));

注意,立即resolve的Promise对象,是在本轮“事件循环”的结束时执行,setTimeout(fn, 0)在下一轮“事件循环”开始时执行。

Promise.reject(reason)方法也会返回一个新的Promise实例,该实例的状态为rejected。它的参数用法与Promise.resolve方法完全一致。

Promise对象的回调链,不管以then方法或catch方法结尾,要是最后一个方法抛出错误,都有可能无法捕捉到。因此,可以提供一个done方法,总是处于回调链的尾端,保证抛出任何可能出现的错误。

Promise.prototype.done = function (onFulfilled, onRejected) {
  this.then(onFulfilled, onRejected)
    .catch(function (reason) {
      // 抛出一个全局错误
      setTimeout(() => { throw reason }, 0);
    });
};

finally方法用于指定不管Promise对象最后状态如何,都会执行的操作。它与done方法的最大区别,它接受一个普通的回调函数作为参数,该函数不管怎样都必须执行。

Promise.prototype.finally = function (callback) {
  let P = this.constructor;
  return this.then(
    value  => P.resolve(callback()).then(() => value),
    reason => P.resolve(callback()).then(() => { throw reason })
  );
};

如果不知道或者不想区分函数f是同步函数还是异步操作,但是想用 Promise 来处理它,像下面这样,会有一个缺点

Promise.resolve().then(f)

上面的写法有一个缺点,就是如果f是同步函数,那么它会在本轮事件循环的末尾执行。

立即 resolved 的 Promise 是在本轮事件循环的末尾执行,总是晚于本轮循环的同步任务。
Promise 在resolve语句后面,再抛出错误,不会被捕获,等于没有抛出。因为 Promise 的状态一旦改变,就永久保持该状态,不会再变了

让同步函数同步执行,异步函数异步执行,并且让它们具有统一的 API,有两种方式:

但是Promise.try为所有操作提供了统一的处理机制,所以如果想用then方法管理流程,最好都用Promise.try包装一下。

上一篇 下一篇

猜你喜欢

热点阅读