[[396754]]

本文轉載自微信公眾號「三分鐘學前端」，作者sisterAn。轉載本文請聯系三分鐘學前端公眾號。

Promise.prototype.finally() 的作用

Promise.prototype.finally() 是 ES2018 新增的特性，它回一個 Promise ，在 promise 結束時，無論 Promise 運行成功還是失敗，都會運行 finally ，類似于我們常用的 try {...} catch {...} finally {...}

Promise.prototype.finally() 避免了同樣的語句需要在 then() 和 catch() 中各寫一次的情況

new Promise((resolve, reject) => { 
  setTimeout(() => resolve("result"), 2000) 
}) 
  .then(result => console.log(result)) 
  .finally(() => console.log("Promise end")) 
 
// result 
// Promise end 

reject :

new Promise((resolve, reject) => { 
  throw new Error("error") 
}) 
  .catch(err => console.log(err)) 
  .finally(() => console.log("Promise end")) 
 
// Error: error 
// Promise end 

注意：

• finally 沒有參數
• finally 會將結果和 error 傳遞

new Promise((resolve, reject) => { 
  setTimeout(() => resolve("result"), 2000) 
}) 
  .finally(() => console.log("Promise ready")) 
  .then(result => console.log(result)) 
 
// Promise ready 
// result 

手寫一個 Promise.prototype.finally()

不管 Promise 對象最后狀態如何，都會執行的操作

MyPromise.prototype.finally = function (cb) { 
  return this.then(function (value) { 
    return MyPromise.resolve(cb()).then(function () { 
      return value 
    }) 
  }, function (err) { 
    return MyPromise.resolve(cb()).then(function () { 
      throw err 
    }) 
  }) 
} 

來自：https://github.com/sisterAn/blog