美文网首页
Promise 对象

Promise 对象

作者: zhulichao | 来源:发表于2020-08-07 09:04 被阅读0次

    Promise对象

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

    Promise的特点:

    • 对象的状态不受外界影响,Pending(进行中)、Resolved(已完成,又称Fulfilled)和Rejected(已失败),任何其他操作都无法改变这个状态。这也是Promise这个名字的由来。
    • 一旦状态改变,就不会再变,任何时候都可以得到这个结果,再对Promise对象添加回调函数,也会立即得到这个结果。

    Promise的缺点:

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

    如果某些事件不断地反复发生,一般来说,使用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决定:

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

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

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

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

    • 如果参数是Promise实例,那么Promise.resolve将不做任何修改、原封不动地返回这个实例。
    • 如果参数是一个thenable对象(thenable对象指的是具有then方法的对象),那么Promise.resolve将这个对象转为Promise对象,然后就立即执行thenable对象的then方法。
    • 如果参数是一个原始值,或者是一个不具有then方法的对象,则Promise.resolve方法返回一个新的Promise对象,状态为Resolved。
    • 如果不带任何参数,直接返回一个Resolved状态的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,有两种方式:

    • 用async函数,但是async () => f()会吃掉f()抛出的错误,需要使用promise.catch方法。
    • 使用new Promise()。

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

    相关文章

      网友评论

          本文标题:Promise 对象

          本文链接:https://www.haomeiwen.com/subject/ilvxhktx.html