這篇文章給大家分享的是有關(guān)es6-promise源碼的示例分析的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

10年積累的成都網(wǎng)站建設(shè)、成都做網(wǎng)站經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)制作后付款的網(wǎng)站建設(shè)流程，更有海湖新免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

主要邏輯:

本質(zhì)上還是回調(diào)函數(shù)那一套。
通過_subscribers的判斷完成異步和同步的區(qū)分。
通過 resolve，reject -> publish -> invokeCallback -> resolve，reject的遞歸和下一條then的parent是上一條的child來完成then鏈的流轉(zhuǎn)

同步情況下函數(shù)流轉(zhuǎn)： constructor -> resolver -> publish -> then -> invokeCallback
異步情況下函數(shù)流轉(zhuǎn)： constructor -> then -> resolver -> publish -> invokeCallback

主要函數(shù)解析

1、constructor
作用： 把resolve，reject綁定到 resolver上-

constructor(resolver) {
    this[PROMISE_ID] = nextId();
    this._result = this._state = undefined;
    this._subscribers = [];
    <!-- 判斷resolver是不是一個(gè)空對(duì)象 -->
    if (noop !== resolver) {
      typeof resolver !== 'function' && needsResolver();
      <!-- 把resolve，reject綁定到 resolver上-->
      this instanceof Promise ? initializePromise(this, resolver) : needsNew();
    }
  }

2 then
作用： 把回調(diào)函數(shù)綁定在_subscribers上，catch和finally本質(zhì)是then的語法糖
 _subscribers的參數(shù)是一個(gè)數(shù)組，[0]是他的child，綁定下一個(gè)then鏈的parent，用于publish遞歸調(diào)用， 第二個(gè)是resolve 回調(diào)， 第三個(gè)是reject回調(diào)

export default function then(onFulfillment, onRejection) {
  const parent = this;
  <!-- 用于then鏈的返回值，下一條then就是當(dāng)前parent的child -->
  const child = new this.constructor(noop);

  if (child[PROMISE_ID] === undefined) {
    makePromise(child);
  }

  const { _state } = parent;
 <!-- 判斷_state的狀態(tài)，是不是PENDING -->
  if (_state) {
    const callback = arguments[_state - 1];
    asap(() => invokeCallback(_state, child, callback, parent._result));
  } else {
    subscribe(parent, child, onFulfillment, onRejection);
  }

  return child;
}

3 publish
作用： resolve，reject的觸發(fā)會(huì)調(diào)用publish，publish繼續(xù)調(diào)用invokeCallback，通過返回值繼續(xù)調(diào)用resolve，reject，形成一個(gè)遞歸，完成then鏈的流轉(zhuǎn)

function publish(promise) {
  let subscribers = promise._subscribers;
  let settled = promise._state;

  if (subscribers.length === 0) { return; }

  let child, callback, detail = promise._result;

  for (let i = 0; i < subscribers.length; i += 3) {
    child = subscribers[i];
    callback = subscribers[i + settled];

    if (child) {
      invokeCallback(settled, child, callback, detail);
    } else {
      callback(detail);
    }
  }

  promise._subscribers.length = 0;
}

tip:
finally的callback是沒有返回參數(shù)的，基于

return promise.then(value => constructor.resolve(callback()).then(() => value),
                         reason => constructor.resolve(callback()).then(() => { throw reason; }));

感謝各位的閱讀！關(guān)于es6-promise源碼的示例分析就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

分享名稱：es6-promise源碼的示例分析-創(chuàng)新互聯(lián)
鏈接URL：http://aaarwkj.com/article40/dgopho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、Google、網(wǎng)站收錄、用戶體驗(yàn)、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)