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