怎么封裝一個(gè)可以終止的Promise

發(fā)布時(shí)間：2021-07-16 14:50:01 來源：億速云閱讀：134 作者：chen 欄目：大數(shù)據(jù)

本篇內(nèi)容介紹了“怎么封裝一個(gè)可以終止的Promise”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

今天被同事問到如何中止Promise調(diào)用鏈，按照官方文檔的意思，原生的Promise是不能被中止的，但是我們可以對(duì)其進(jìn)行小小的改造，封裝一個(gè)可以被"中止"的Promsie。代碼如下：

function MyPromise(callback) {// 1、在Pormise外部定義變量    let _resolve;    let _reject;    const promise = new Promise((resolve, reject) => {// 2、在Pormise內(nèi)部將promise的resolev和reject方法賦值給外部變量        _resolve = resolve;        _reject = reject;        callback && callback(resolve);    })
    return {        promise,        _reject    }}
let p1 = MyPromise(function (reslove) {    setTimeout(() => {        reslove(1000)    }, 3000);})let p2 = MyPromise(function (reslove) {    setTimeout(() => {        reslove(2000)    }, 3000);})let p3 = MyPromise(function (reslove) {    setTimeout(() => {        reslove(3000)    }, 3000);})
p1.promise.then(data => {    console.log(data)    return p2.promise;}).then(data => {    console.log(data)    return p3.promise;}).then(data => {    console.log(data)}).catch(e => console.log(e))
// 此處p3可以更改為p1或p2,根據(jù)需求終止promise調(diào)用鏈p3._reject(444)

閱讀代碼，我們利用閉包將每個(gè)Promise的reject保存起來，在需要中止的時(shí)候，去調(diào)用對(duì)應(yīng)Promise的reject即可"中止"Promise的后續(xù)執(zhí)行，巧妙的實(shí)現(xiàn)了終止Promise的then鏈執(zhí)行。

總結(jié)一下：我們?cè)谑褂肞romise的時(shí)候，通常以為Promise的resolve和reject只能在Promise內(nèi)部執(zhí)行，但是我們可以通過定義一個(gè)外部變量，然后在執(zhí)行new Promise的時(shí)候?qū)eject或者resove賦值給外部變量，這樣我們就通過外部變量獲取到了Promise的控制權(quán)。從而隨時(shí)“中止”Promise鏈的執(zhí)行。

“怎么封裝一個(gè)可以終止的Promise”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

向AI問一下細(xì)節(jié)

怎么封裝一個(gè)可以終止的Promise

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽