亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

這個mergePromise方法是怎么解決這個問題的?

這個mergePromise方法是怎么解決這個問題的?

ABOUTYOU 2018-08-26 10:51:00
//實現mergePromise函數,把傳進去的數組順序先后執行,//并且把返回的數據先后放到數組data中const timeout = ms => new Promise((resolve, reject) => {     setTimeout(() => {         resolve();     }, ms); });const ajax1 = () => timeout(2000).then(() => {    console.log('1');    return 1; });const ajax2 = () => timeout(1000).then(() => {    console.log('2');    return 2; });const ajax3 = () => timeout(2000).then(() => {    console.log('3');    return 3; });function mergePromise(ajaxArray){    let arr = [];    let p = Promise.resolve();     ajaxArray.forEach(item=>{         p = p.then(data=>{            if(data){                 arr.push(data);             }            return item();         });     })    return p.then(data=>{         arr.push(data);        return arr;     }) } mergePromise([ajax1, ajax2, ajax3]).then(data => {    console.log('done');    console.log(data); // data 為 [1, 2, 3]});// 分別輸出// 1// 2// 3// done// [1, 2, 3]這個mergePromise的原理是什么?每次重寫了p?Promise.resolve?
查看完整描述

1 回答

?
慕田峪9158850

TA貢獻1794條經驗 獲得超7個贊

promise的then鏈中的return,并且返回的結果是一個新的Promise可以被下一個then處理,他利用了這一點,將每一個ajax請求都添加到了一個一個P的then鏈中,這個P是直接通過resolve拿到then鏈的起始。

然后在forEach里面 p = p.then()是為了下一次forEach能夠繼續跟在then鏈的下一個。

由于then鏈中的處理是對上一個結果加到數組里,然后返回本次的新的Promise,所以最后return的時候還要加一句p.then來把最后一次的調用結果存進去。

這是一個對Promise的結構的巧妙運用。


查看完整回答
反對 回復 2018-08-27
  • 1 回答
  • 0 關注
  • 844 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號