JavaScript異步/等待未正確等待？

Question

我在JavaScript的async / await函數方面遇到問題。 這是在我無法共享其源代碼的內部應用程序上發生的，但是我將我的問題進行了快速的通用復制：

 function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } async function baz(input) { console.log("4"); await sleep(1000); console.log("5"); return input; } async function bar(input) { console.log("3"); return await baz(input); } async function foo() { console.log("2"); const foo = await bar("foo"); return foo; } console.log("1"); foo(); console.log("6"); 

我希望這會在4到5之間等待一秒鍾，返回以下內容：

1
2
3
4
5
6
"foo"

相反，在Chrome 64.0.3282.167和Firefox 58.0.2中的控制台中嘗試此操作后，我收到以下消息：

1
2
3
4
6
undefined
5

請有人指出我在這方面出錯了嗎？

Answer 1

頂層正在同步運行（始終如此）-它不等待foo(); 在繼續console.log("6");之前解決console.log("6"); 。 將foo的調用包裝在異步中，然后await它。 如果要稍后顯示foo還需要保存foo的返回值：

 function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } async function baz(input) { console.log("4"); await sleep(1000); console.log("5"); return input; } async function bar(input) { console.log("3"); return await baz(input); } async function foo() { console.log("2"); const foo = await bar("foo"); return foo; } (async () => { console.log("1"); const str = await foo(); console.log("6"); console.log(str); })();