JavaScript Обещания и SetTimeout

Question

Я играл с Promises, но у меня возникают проблемы с пониманием того, что происходит со следующим кодом:

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); 
}); 

Я ожидаю, что это выход a() responded with: hi from a! немедленно, наряду с b() responded with: hi from b! и c() responded with: hi from c! после их соответствующие огни setTimeout(). Тем не менее, я немедленно получаю следующий вывод:

a() ответил: привет от a!

б() ответили не определено

с() в ответ на это не определено

Я думал, что .then() ждет на эти обещания, но это не так. Любая помощь будет оценена по достоинству.

Answer 1

return b() и return c() от ваших then обработчиков.

then только «заменяет» первое обещание последующим обещанием, которое является , возвращено из его обратного вызова.

Если then обратного вызова не return обещания, то then относится к первоначальному обещанию, и он будет выполнен немедленно, независимо от содержания/результата предыдущего then обратного вызова.

В основном ...

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

В то время как, наоборот:

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

Answer 2

Вы должны return promises приковать них:

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

Вы забыли вернуться из вызова функции. Функция Javascript не возвращается неявно.

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); 
});