成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

實現(xiàn) JavaScript 異步方法 Promise.all

mushang / 695人閱讀

摘要：本次的任務假如。。。。。引擎發(fā)生了重大故障，方法變成了，為了拯救世界，需要開發(fā)一個模塊來解決此問題。實現(xiàn)首先要知道是什么是對異步編程的一種抽象。數(shù)組中任何一個為的話，則整個調(diào)用會立即終止，并返回一個的新的對象。

本次的任務

假如。。。。。

JavaScript v8 引擎發(fā)生了重大故障，Promise.all 方法變成了 undefined ，為了拯救 JavaScript 世界，需要開發(fā)一個模塊來解決此問題。

使用者需要在代碼入口處引入我們開發(fā)的模塊就可渡過此劫，但要求三個月后官方修改此版本，代碼無修改就能自動切換到官方版本。實現(xiàn) Promise.all

首先要知道 Promise 是什么

promise 是對異步編程的一種抽象。它是一個代理對象，代表一個必須進行異步處理的函數(shù)返回的值或拋出的異常。

promise 最早是在 commonjs 社區(qū)提出來的，當時提出了很多規(guī)范。比較接受的是 promise/A 規(guī)范。后來人們在這個基礎(chǔ)上。提出了 promise/A+規(guī)范，也就是實際上的業(yè)內(nèi)推行的規(guī)范。ECMAScript 6.0 也是采用的這種規(guī)范。

英文版：https://promisesaplus.com/

中文版：【翻譯】Promises/A+規(guī)范

上面的規(guī)范中主要定義的 then 的實現(xiàn)方式，也就是只規(guī)定了 Promise 的核心， Promise.race，Promise.all 等 api 沒有規(guī)定。

ECMAScript 6.0 Promise.all 規(guī)范

Node.js 兼容性如下圖 點擊查看在線版

特點

Promise 不需要編譯器/解釋器的支持

將來可能成為主流的 async-await，以及曾經(jīng)火過一把的 generator + co，這些都是需要編譯器或者解釋器級別的支持才能使用。

而 Promise，是完全可以利用語言已有特性，作為一個庫來實現(xiàn)！即使在非常原始的JS運行環(huán)境，你也可以自己實現(xiàn)一個 Promise，而不需要等待其他人的幫助。

Promise 是語言無關(guān)的

Promise 還是獨立于語言的，如果你要給另外一種編程語言實現(xiàn) Promise，只要照葫蘆畫瓢就行了。

promise 怎么用

請看這里，阮一峰的 ECMAScript 6 入門 Promise

實現(xiàn) Promise.all

Promise.all 接收一個 promise 對象的數(shù)組作為參數(shù)，當這個數(shù)組里的所有 promise 對象全部變?yōu)?b>resolve或 有 reject 狀態(tài)出現(xiàn)的時候，它才會去調(diào)用 .then 方法,它們是并發(fā)執(zhí)行的。

Promise.all 簡介

Promise.all(promiseArray) 方法是 Promise 對象上的靜態(tài)方法，該方法的作用是將多個 Promise 對象實例包裝，生成并返回一個新的 Promise 實例。

參數(shù)：promiseArray，是一個 Promise 實例數(shù)組

var p1 = Promise.resolve(1),
    p2 = Promise.resolve(2),
    p3 = Promise.resolve(3);
Promise.all([p1, p2, p3]).then(function (results) {
    console.log(results);  // [1, 2, 3]
});

在上面的方法中，promise 數(shù)組中所有的 promise 實例都變?yōu)?b>resolve 的時候，該方法才會返回，并將所有結(jié)果傳遞 results 數(shù)組中。promise 數(shù)組中任何一個 promise 為 reject 的話，則整個 Promise.all 調(diào)用會立即終止，并返回一個 reject 的新的 promise 對象。reject 使用示例如下：

var p1 = Promise.resolve(1),
    p2 = Promise.reject(2),
    p3 = Promise.resolve(3);
Promise.all([p1, p2, p3]).then(function (results) {
    //then方法不會被執(zhí)行
    console.log(results);
}).catch(function (e){
    //catch方法將會被執(zhí)行，輸出結(jié)果為：2
    console.log(2);
});
總結(jié) promise.all 的特點

1、接收一個 Promise 實例的數(shù)組或具有 Iterator 接口的對象，

2、如果元素不是 Promise 對象，則使用 Promise.resolve 轉(zhuǎn)成 Promise 對象

3、如果全部成功，狀態(tài)變?yōu)?resolved，返回值將組成一個數(shù)組傳給回調(diào)

4、只要有一個失敗，狀態(tài)就變?yōu)?rejected，返回值將直接傳遞給回調(diào)
all() 的返回值也是新的 Promise 對象

實現(xiàn) Promise.all 方法 
function promiseAll(promises) {
  return new Promise(function(resolve, reject) {
    if (!isArray(promises)) {
      return reject(new TypeError("arguments must be an array"));
    }
    var resolvedCounter = 0;
    var promiseNum = promises.length;
    var resolvedValues = new Array(promiseNum);
    for (var i = 0; i < promiseNum; i++) {
      (function(i) {
        Promise.resolve(promises[i]).then(function(value) {
          resolvedCounter++
          resolvedValues[i] = value
          if (resolvedCounter == promiseNum) {
            return resolve(resolvedValues)
          }
        }, function(reason) {
          return reject(reason)
        })
      })(i)
    }
  })
}

npms 地址 promise-all-simple

參考

自己動手實現(xiàn)ES6 Promise

JavaScript Promise迷你書

Promise對象Promise.all()方法的使用

深入 Promise(一)——Promise 實現(xiàn)詳解

深入理解 Promise (上)

擴展閱讀

深入淺出js（Node.js）異步流程控制

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87389.html

相關(guān)文章

  • javascript異步之Promise.all()、Promise.race()、Promise.

    摘要：的執(zhí)行與狀態(tài)無關(guān)當?shù)玫綘顟B(tài)不論成功或失敗后就會執(zhí)行，原文鏈接參考鏈接對象 同期異步系列文章推薦談一談javascript異步javascript異步中的回調(diào)javascript異步與promisejavascript異步之Promise.resolve()、Promise.reject()javascript異步之Promise then和catchjavascript異步之a(chǎn)sync...

    clasnake 評論0 收藏0

  • 現(xiàn)代JS中的流程控制：詳解Callbacks 、Promises 、Async/Await

    摘要：控制臺將顯示回調(diào)地獄通常，回調(diào)只能由一個異步函數(shù)調(diào)用。更多資源使更友好規(guī)范使用異步函數(shù)簡化異步編碼旅程異步編程是一項在中無法避免的挑戰(zhàn)。 JavaScript經(jīng)常聲稱是_異步_。那是什么意思？它如何影響發(fā)展？近年來這種方法有何變化？ 請思考以下代碼： result1 = doSomething1(); result2 = doSomething2(result1); 大多數(shù)語言都處理每...

    shadowbook 評論0 收藏0

  • 現(xiàn)代JS中的流程控制：詳解Callbacks 、Promises 、Async/Await

    摘要：控制臺將顯示回調(diào)地獄通常，回調(diào)只能由一個異步函數(shù)調(diào)用。更多資源使更友好規(guī)范使用異步函數(shù)簡化異步編碼旅程異步編程是一項在中無法避免的挑戰(zhàn)。 JavaScript經(jīng)常聲稱是_異步_。那是什么意思？它如何影響發(fā)展？近年來這種方法有何變化？ 請思考以下代碼： result1 = doSomething1(); result2 = doSomething2(result1); 大多數(shù)語言都處理每...

    oujie 評論0 收藏0

  • 現(xiàn)代JS中的流程控制：詳解Callbacks 、Promises 、Async/Await

    摘要：控制臺將顯示回調(diào)地獄通常，回調(diào)只能由一個異步函數(shù)調(diào)用。更多資源使更友好規(guī)范使用異步函數(shù)簡化異步編碼旅程異步編程是一項在中無法避免的挑戰(zhàn)。 JavaScript經(jīng)常聲稱是_異步_。那是什么意思？它如何影響發(fā)展？近年來這種方法有何變化？ 請思考以下代碼： result1 = doSomething1(); result2 = doSomething2(result1); 大多數(shù)語言都處理每...

    anquan 評論0 收藏0

  • JavaScript Promise啟示錄

    摘要：近幾年隨著開發(fā)模式的逐漸成熟，規(guī)范順勢而生，其中就包括提出了規(guī)范，完全改變了異步編程的寫法，讓異步編程變得十分的易于理解。最后，是如此的優(yōu)雅但也只是解決了回調(diào)的深層嵌套的問題，真正簡化異步編程的還是，在端，建議考慮。 本篇，簡單實現(xiàn)一個promise，主要普及promise的用法。 一直以來，JavaScript處理異步都是以callback的方式，在前端開發(fā)領(lǐng)域callback機制...

    Juven 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<