Wickel Versprechen + dann in neue Versprechen

Question

Ich habe eine einfache Versprechen:

function p(l) { 
    return new Promise(function(resolve) { 
    alert(l); 
    resolve(); 
    }); 
} 

ich dann versuchen, ein Versprechen zu erstellen, die nur zu lösen, nachdem es dann Klausel:

function pp(l1, l2) { 
    return new Promise(function(resolve) { 
    p(l1).then(() => { 
     alert(l2); 
     resolve(); 
    }); 
    }); 
} 

ich jetzt tun:

p('start').then(pp('A', 'B')).then(p('end')); 

ich erwartet hatte, um zu sehen: Start, A, B, Ende
sondern ich sehe: Start, A, Ende, B

Warum?

Wie kann ich erreichen, was ich will, ein Versprechen (pp) erstellen, das löst, wenn es dann beendet ist? versuchen

Answer 1

pp können codiert werden einfacher setzen wollen:

function pp(l1, l2) { 
    return p(l1).then(() => { 
    alert(l2); 
    }); 
} 

Das ist der ganze Sinn der Versprechungen, wenn Sie komplizierte Code jedes Mal zu schreiben, ist es nicht wert :)

Auch .then den Rückgabewert des vorherigen Versprechen, eine Callback-Funktion mit in Parameter erwartet/Funktion.

p('start').then(() => pp('A', 'B')).then(() => p('end')); 

Was den genauen Grund, warum Sie Ihr Verhalten hatte, außerhalb nicht die .then Chaining mit wie es zu sein hat gemeint, ich bin nicht ganz klar, warum.

Und der Grund, dass dieser Code funktioniert, ist, weil Promise in einem Callback Promise ausgeführt wird, und der Wert, den es löst, wird an den nächsten Rückruf als Argument übergeben. () => pp('A', 'B') entspricht () => { return pp('A', 'B');}, pp wird zurückgegeben und gewartet, bevor der nächste Rückruf der Kette aufgerufen wird.

Wenn Sie die gleiche .then Aufrufsyntax halten wollen, dann pp Ändern einen Rückruf anstelle eines Promise zurückzukehren funktionieren würde:

function pp(l1, l2) { 
    return() => p(l1).then(() => { 
    alert(l2); 
    }); 
} 

Aber dann können Sie nicht verwenden, es länger als Promise. Der letzte Teil der Verkettung muss noch geändert werden: .then(() => p('end')).

Answer 2

In Ihrer zweiten Funktion nach

function pp(l1, l2) { 
    return new Promise(function(resolve) { 
    alert(l1); 
    alert(l2); 
    resolve(); 
    }); 
} 

Oder wenn Sie p Funktion innerhalb pp dann

function pp(l1, l2) { 
    return p(l1).then(() => { 
    alert(l2); 
    }); 
} 



p('start').then(() => pp('A', 'B')).then(() => p('end')); 

Hier Demo https://plnkr.co/edit/fUisfcWrTu89xcc4j0cu?p=preview

Answer 3

von mdn - "onFulfilled: A Funktion aufgerufen, wenn die Verheißung erfüllt ist. Diese Funktion hat ein Argument, den Erfüllungswert."

das Problem mit meinem Code war, dass in then(pp('A', 'B')) ging ich then ein Wert (das Ergebnis pp(), das ist ein Versprechen) und keine Funktion (eine Funktion, die die Erfüllung Wert des rufenden erhält Versprechen)

So ist der richtige Weg, dann zu verwenden, ist es immer passieren eine Funktion:

function p(l) { 
 
    return new Promise(function(resolve) { 
 
    alert(l); 
 
    resolve(); 
 
    }) 
 
} 
 

 

 
function pp(l1, l2) { 
 
    return p(l1).then(() => p(l2)); 
 
} 
 

 

 
p('start').then(() => pp('A', 'B')).then(() => p('end'));