JavaScript异步/等待如何实际工作？

Question

我有一些使用JavaScript Async/等待的代码：

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function fun1()
{
     console.log("dosomething1");
     await sleep(6000);
     console.log("dosomething2");
     return "returnfromfun1";
}
console.log(fun1());
console.log("hello");

根据关于异步/等待：

异步函数可以包含暂停的等待表达 执行异步功能，并等待通过的承诺 分辨率，然后恢复异步函数的执行和 返回解决值。

我期望以下输出：

dosomething1
//wait for 6 seconds
dosomething2
Promise { <state>: "fulfilled", <value>: "returnfromfun1" }
hello

但是实际输出是：

dosomething1
Promise { <state>: "pending" }
hello
//wait for 6 seconds
dosomething2

Fun1在“等待”线上返回。我是否误解了官方文件中的描述？而且看来我从未获得fun1（“ returnfromfun1”）的返回值。

Answer 1

您必须以略有不同的方式阅读引用的部分：

异步函数可以包含一个等待的表达式，该表达式暂停了异步函数的执行

仅仅是异步函数本身暂停了执行，当时称为它的函数。

如果您想到同步的呼叫站，则会发生的是，异步函数上下文被弹出并存储在其他地方：

 stack: [init] -> [async] fun1 -> sleep -> setTimeout
  // The promise gets returned from sleep
 stack: [init] -> [async] fun1
 // The async function gets popped of
 stack: [init]
 hidden: [async] fun1
 // synchronous execution ends
 stack: -
 hidden: [async] fun1
 // the timer triggers, the promise gets resolved
 stack: setTimeout callback
 hidden: [async] fun1
 // synchronous execution ends
 stack: -
 hidden: [async] fun1
 // the promise resolves, the async fun1 context gets moved onto the stack
 stack: [async] fun1

似乎Fun1在“等待”线上返回

，是的。在那一刻，它返回了一个诺言，即在异步函数返回（在某个时候继续执行之后）时就可以解决。

，看来我从来没有得到fun1的返回值（“ returnfromfun1”）。

当承诺解决时，您可以得到它：

  fun1().then(result => console.log(result));