如何通過承諾避免'回撥地獄'？

Question

我是新來的承諾，並想了解什麼是避免「回調地獄」與承諾的正確方式，因爲我有完全相同的問題，因爲使用回調

foo(a: number): Promise<boolean>{ 
    return doSomething(a).then((b)=>{ 
     return doAnotherThing(b).then((c)=>{ 
      return true; 
     }) 
    }) 
} 

只要看看這個金字塔..

你怎麼能避免這種情況？

在此先感謝

Answer 1

剛剛鏈中的承諾，而不是嵌套他們：

foo(a: number): Promise<boolean> { 
    return doSomething(a).then((b) => { 
     return doAnotherThing(b); 
    }).then((c) => { 
     return true; 
    }); 
} 

見https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise

Answer 2

你可以做一個承諾返回一個承諾（或任何其他值），則鏈與.then()：

foo(a: number): Promise<boolean>{ 
    return doSomething(a).then((b)=>{ 
     return doAnotherThing(b); 
    }).then((c)=>{ 
     return true; 
    }); 
} 

Answer 3

如果你使用babel，ES2015你可以使用await。

例如。

async function foo(a) { 
    var b = await doSomething(a); 
    var c = await doAnotherThing(b); 
    return true; 
} 

預設：ES2015，階段3