async/await/promise

Promise.done(),Promise.finally()

2018-10-28  本文已影响0人  小小的白菜

es6 Promise.done(),Promise.finally()
promise对象的finally函数为什么要这样写

ES6Promise API提供的方法不是很多,有些有用的方法可以自己部署。下面介绍如何部署两个不在ES6之中、但很有用的方法。

done()

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

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

从上面代码可见,done方法的使用,可以像then方法那样用,提供fulfilledrejected状态的回调函数,也可以不提供任何参数。但不管怎样,done都会捕捉到任何可能出现的错误,并向全局抛出。

finally()

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

下面是一个例子,服务器使用Promise处理请求,然后使用finally方法关掉服务器。

  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
      })
    )
  }

上面代码中,不管前面的 Promisefulfilled还是rejected,都会执行回调函数callback

这个是转换为ES5之后的。

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

要这么写的原因是在于,finally其实并不一定是这个promise链的最后一环,相对而言,其实done才是。

因为finally可能之后还有thencatch等等,所以其必须要返回一个promise对象。

上一篇下一篇

猜你喜欢

热点阅读