Promise如何解決callback hell?

廢話少說, 直接上code

run()
function run(){
let step1=['1','1'];
let step2=['2','2'];
let step3=['3','3'];
let step4=['4','4'];
Promise.all(step1.map(doStep)).then(()=>{
console.log('step1 finish')
Promise.all(step2.map(doStep)).then(()=>{
console.log('step2 finish')
Promise.all(step3.map(doStep)).then(()=>{
console.log('step3 finish')
Promise.all(step4.map(doStep)).then(()=>{
console.log('step4 finish')
})
})
})
})
}
function doStep(txt){
console.log(txt)
}

複製代碼

其實個callback hell依然係道, 無解決過

不過依個唔係重點

重點係, 我而家開發中, 要不斷嘗試不同組合
有時可能唔要step2, 有時可能step2,3掉轉

因為依個callback hell, 我唔可以只簡單comment其中一個step, 又或者成舊step搬上搬落以改變順序

而家每改變一次組合, 要做既野多左好多, 有無辦法改善依個問題?

0

0

justlazy

中級會員

Rank: 2 Rank: 2

2^#

發表於 2017-4-3 18:13 | 只看該作者

本帖最後由 justlazy 於 2017-4-3 18:14 編輯

function run(){
const step1 = ['1','1'];
const step2 = ['2','2'];
const step3 = ['3','3'];
const step4 = ['4','4'];
return Promise.all(step1.map(doStep))
.then(() => {
console.log('step1 finished');
return Promise.all(step2.map(doStep));
})
.then(() => {
console.log('step2 finished');
return Promise.all(step3.map(doStep));
})
.then(() => {
console.log('step3 finished');
return Promise.all(step4.map(doStep));
})
.then(() => {
console.log('step4 finished');
});
}
function doStep(txt){
return new Promise(resolve => console.log(txt); resolve());
}
run().then(() => console.log('all done!'));

複製代碼

TOP

梁炳

進階會員

Rank: 3 Rank: 3 Rank: 3

3^#

發表於 2017-4-3 19:06 | 只看該作者

Promise.resolve(null)
.then(() => Promise.all(step1.map(doStep)))
.then((result) => console.log('step1 finished, do something...'))
.then(() => Promise.all(step2.map(doStep)))
.then((result) => console.log('step2 finished, do something...'))
...

關鍵就係你個then( ) 入面return一個新Promise，咁下一個then就係等呢個新Promise

TOP

初級會員發短消息加為好友初級會員當前離線 UID 304131 帖子 485 精華 0 積分 217 EPC Dollar 217 註冊時間 2014-8-5 最後登錄 2023-3-10 Banned	4^# 發表於 2017-4-3 20:50 \| 只看該作者提示: 作者被禁止或刪除內容自動屏蔽

	TOP