1.Promise.all 并行執行promise

getA和getB并行執行，然后輸出結果。如果有一個錯誤，就拋出錯誤

/*** 每一個promise都必須返回resolve結果才正確* 每一個promise都不處理錯誤*/const getA = new Promise((resolve, reject) => {//模擬異步任務setTimeout(function(){resolve(2);}, 1000) }) .then(result => result)const getB = new Promise((resolve, reject) => {setTimeout(function(){// resolve(3);reject('Error in getB');}, 1000) }) .then(result => result)Promise.all([getA, getB]).then(data=>{console.log(data) }) .catch(e => console.log(e));

getA和getB并行執行，然后輸出結果?？偸欠祷豶esolve結果

/*** 每一個promise自己處理錯誤*/const getA = new Promise((resolve, reject) => {//模擬異步任務setTimeout(function(){resolve(2);}, 1000) }) .then(result => result) .catch(e=>{})const getB = new Promise((resolve, reject) => {setTimeout(function(){// resolve(3);reject('Error in getB');}, 1000) }) .then(result => result) .catch(e=>e)Promise.all([getA, getB]).then(data=>{console.log(data) }) .catch(e => console.log(e));

2.順序執行promise

先getA然后getB執行，最后addAB

• 2.1 方法一——連續使用then鏈式操作

function getA(){return new Promise(function(resolve, reject){ setTimeout(function(){ resolve(2);}, 1000);}); }function getB(){return new Promise(function(resolve, reject){ setTimeout(function(){resolve(3);}, 1000);}); }function addAB(a,b){return a+b }function getResult(){var obj={};Promise.resolve().then(function(){return getA() }).then(function(a){obj.a=a;}).then(function(){return getB() }).then(function(b){obj.b=b;return obj;}).then(function(obj){return addAB(obj['a'],obj['b'])}).then(data=>{console.log(data)}).catch(e => console.log(e));} getResult();

• 2.2 方法二——使用promise構建隊列?

function getResult(){var res=[];// 構建隊列function queue(arr) {var sequence = Promise.resolve();arr.forEach(function (item) {sequence = sequence.then(item).then(data=>{res.push(data);return res})})return sequence}// 執行隊列queue([getA,getB]).then(data=>{return addAB(data[0],data[1])}).then(data => {console.log(data)}).catch(e => console.log(e));}getResult();

• 2.3方法三——使用async、await實現類似同步編程

function getResult(){async function queue(arr) {let res = []for (let fn of arr) {var data= await fn();res.push(data);}return await res }queue([getA,getB]).then(data => {return addAB(data[0],data[1])}).then(data=>console.log(data))}

3. 總結

實現異步隊列函數的三種方式

方法一——連續使用then鏈式操作
方法二——使用promise構建隊列
方法三——使用async、await實現類似同步編程，async函數內部實現同步

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的ES6 Promise 并行执行和顺序执行的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。