如何實現(xiàn)Promise

這篇文章主要介紹了如何實現(xiàn)Promise，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供象山網站建設、象山做網站、象山網站設計、象山網站制作等企業(yè)網站建設、網頁設計與制作、象山企業(yè)網站模板建站服務，10余年象山做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

前言

很多 JavaScript 的初學者都曾感受過被回調地獄支配的恐懼，直至掌握了 Promise 語法才算解脫。雖然很多語言都早已內置了 Promise ，但是 JavaScript 中真正將其發(fā)揚光大的還是 jQuery 1.5 對 $.ajax 的重構，支持了 Promise，而且用法也和 jQuery 推崇的鏈式調用不謀而合。后來 ES6 出世，大家才開始進入全民 Promise 的時代，再后來 ES8 又引入了 async 語法，讓 JavaScript 的異步寫法更加優(yōu)雅。

今天我們就一步一步來實現(xiàn)一個 Promise，如果你還沒有用過 Promise，建議先熟悉一下 Promise 語法再來閱讀本文。

構造函數(shù)

在已有的 Promise/A+ 規(guī)范中并沒有規(guī)定 promise 對象從何而來，在 jQuery 中通過調用 $.Deferred() 得到 promise 對象，ES6 中通過實例化 Promise 類得到 promise 對象。這里我們使用 ES 的語法，構造一個類，通過實例化的方式返回 promise 對象，由于 Promise 已經存在，我們暫時給這個類取名為 Deferred。

class Deferred {  constructor(callback) {    const resolve = () => {      // TODO
    }    const reject = () => {      // TODO
    }    try {
      callback(resolve, reject)
    } catch (error) {
      reject(error)
    }
  }
}復制代碼

構造函數(shù)接受一個 callback，調用 callback 的時候需傳入 resolve、reject 兩個方法。

Promise 的狀態(tài)

Promise 一共分為三個狀態(tài)：

?pending：等待中，這是 Promise 的初始狀態(tài)；

感謝你能夠認真閱讀完這篇文章，希望小編分享如何實現(xiàn)Promise內容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細的解決方法等著你來學習!

網站標題：如何實現(xiàn)Promise
當前URL：http://m.jiaotiyi.com/article/gpgosj.html

網站建設知識

如何實現(xiàn)Promise

前言

構造函數(shù)

Promise 的狀態(tài)

其他資訊