Wie vermeide ich die "Rückruf-Hölle" mit Versprechen?

Question

Ich bin neu in Versprechen und möchte verstehen, was der richtige Weg ist, um die ‚Callback-Hölle‘ mit dem Versprechen zu vermeiden, da ich exakt das gleiche Problem wie mit Rückrufen mit Blick

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

Gerade bei diese Pyramide ..

Wie können Sie das vermeiden?

Vielen Dank im Voraus

Answer 1

Kette einfach die Versprechungen, statt sie zu nisten:

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

ansehen können Sie ein Versprechen ein Versprechen machen zurückgeben (oder einen anderen Wert), dann Kette dass mit .then():

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

Answer 3

Wenn Sie Babel verwenden, können Sie ES2015 verwenden warten.

z.

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

Voreinstellungen: ES2015, Stufe-3