美文网首页async/await/promise
Promise.done(),Promise.finally()

Promise.done(),Promise.finally()

作者: 小小的白菜 | 来源:发表于2018-10-28 15:27 被阅读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对象。

    相关文章

      网友评论

        本文标题:Promise.done(),Promise.finally()

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