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

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

如何使用 Array.reduce() 在給定的 JavaScript 代碼中解析 Promise?

如何使用 Array.reduce() 在給定的 JavaScript 代碼中解析 Promise?

白衣非少年 2023-03-10 14:56:46
請參考以下JavaScript代碼:var arr = [30, 40, 10, 50, 20];var fun = function(n) {  console.log("Before Promise => n: " + n);  return new Promise(resolve => {    console.log("After Promise => n: " + n);    setTimeout(() => {      console.log("Promise Resolved => n: " + n);      resolve(0);    }, n * 30);  });}arr.reduce((p, v) => p.then(fun(v)), Promise.resolve(0));1.如果我錯了請糾正我,Array.reduce()將上面的內容減少為以下Promise鏈:Promise.resolve(0).then(fun(30)).then(fun(40)).then(fun(10)).then(fun(50)).then(fun(20)).2.為什么輸出不是如下:Promise Resolved => n: 30Promise Resolved => n: 40Promise Resolved => n: 10Promise Resolved => n: 50Promise Resolved => n: 203.n*30如果我用固定時間更改,為什么輸出如上500?
查看完整描述

2 回答

?
一只名叫tom的貓

TA貢獻1906條經驗 獲得超3個贊

.then接受一個函數作為參數,但你正在做:


p.then(fun(v))

這會fun 立即調用,無需等待p解決,并將返回的 Promise 傳遞給.then。就像做


Promise.then(Promise.resolve(6))

         //  ^^^ but .then only accepts a function as a parameter

這沒有意義。


更改為回調,在調用時調用fun并返回fun的 Promise:


var arr = [30, 40, 10, 50, 20];

var fun = function(n) {

    console.log("Before Promise => n: " + n);

    return new Promise(resolve => {

        console.log("After Promise => n: " + n);

        setTimeout(() => {

            console.log("Promise Resolved => n: " + n);

            resolve(0);

        }, n*30);

    });

}

arr.reduce((p, v) => p.then(() => fun(v)), Promise.resolve(0));

//                          ^^^^^^


查看完整回答
反對 回復 2023-03-10
?
Cats萌萌

TA貢獻1805條經驗 獲得超9個贊

Array.reduce()將減少上述內容,如下 Promise 鏈


是的。


為什么輸出不符合預期?


因為承諾“鏈條”斷了。為了正確鏈接,您需要將回調函數傳遞給then:


Promise.resolve(0).then(() => fun(30)).then(() => fun(40)).then(() => fun(10)).then(() => fun(50)).then(() => fun(20));

//                      ^^^^^               ^^^^^               ^^^^^               ^^^^^               ^^^^^

在你的減速器中做同樣的事情:


arr.reduce((p, v) => p.then(() => fun(v)), Promise.resolve(0));


查看完整回答
反對 回復 2023-03-10
  • 2 回答
  • 0 關注
  • 142 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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