JavaScript Versprechen und SetTimeout

Question

Ich habe mit Versprechungen zu spielen, aber ich habe Probleme zu verstehen, was mit dem folgenden Code geschieht:

function a() { 
    return new Promise(function (resolve, reject) { 
     resolve("hi from a!"); 
    }); 
} 

function b() { 
    return new Promise(function (resolve, reject) { 
     setTimeout(function() { 
      resolve("hi from b!"); 
     }, 5000); 
    }); 
} 

function c() { 
    return new Promise(function (resolve, reject) { 
     setTimeout(function() { 
      resolve("hi from c!"); 
     }, 1000); 
    }); 
} 

a().then(function (resultFromA) { 
    console.log("a() responded with: " + resultFromA); 
    b(); 
}).then(function (resultFromB) { 
    console.log("b() responded with: " + resultFromB); 
    c(); 
}).then(function (resultFromC) { 
    console.log("c() responded with: " + resultFromC); 
}); 

ich diese a() responded with: hi from a! sofort Ausgang erwarten, zusammen mit b() responded with: hi from b! und c() responded with: hi from c! nach ihre jeweiligen setTimeout() Brände. Allerdings bekomme ich folgende sofort folgende Ausgabe:

a() geantwortet mit: hi from a!

b() reagierte mit: undefined

c() mit antwortete:

Ich dachte, dass .then() wartet auf diesen Versprechungen nicht definiert, aber es ist nicht. Jede Hilfe wäre willkommen.

Answer 1

Sie müssen return b() und return c() von innerhalb Ihrer then Handler.

then nur "ersetzt" das erste Versprechen mit einem nachfolgenden Versprechen, das von seinem Rückruf zurückgegeben wird.

Wenn Ihr then Rückruf nicht return ein Versprechen, dann gilt die then auf die ursprünglichen Versprechen, und es wird sofort unabhängig vom Inhalt/Ergebnis des vorherigen then Rückrufs ausgeführt werden. Grundsätzlich

...

a().then(function() { 
    b() 
}).then(# This "then" is chained off of a's promise 

Während umgekehrt:

a().then(function() { 
    return b() 
}).then(# This "then" is chained off of b's promise 

Answer 2

Sie müssen return promises zu Kette ihnen:

a().then(function (resultFromA) { 
    console.log("a() responded with: " + resultFromA); 
    // return b() promise 
    return b(); 
}).then(function (resultFromB) { 
    console.log("b() responded with: " + resultFromB); 
    // return c() promise 
    return c(); 
}).then(function (resultFromC) { 
    console.log("c() responded with: " + resultFromC); 
}); 

Answer 3

Sie haben vergessen, aus Funktionsaufruf zurückzukehren. Javascript-Funktion gibt nicht implizit zurück.

function a() { 
    return new Promise(function (resolve, reject) { 
     resolve("hi from a!"); 
    }); 
} 

function b() { 
    return new Promise(function (resolve, reject) { 
     setTimeout(function() { 
      resolve("hi from b!"); 
     }, 5000); 
    }); 
} 

function c() { 
    return new Promise(function (resolve, reject) { 
     setTimeout(function() { 
      resolve("hi from c!"); 
     }, 1000); 
    }); 
} 

a().then(function (resultFromA) { 
    console.log("a() responded with: " + resultFromA); 
    return b(); // return 
}).then(function (resultFromB) { 
    console.log("b() responded with: " + resultFromB); 
    return c(); // return 
}).then(function (resultFromC) { 
    console.log("c() responded with: " + resultFromC); 
});