await 破坏订单

Question

请解释一下，为什么 await 关键字会导致 Hello World 文本放置在中间（第一个示例）和末尾（第二个示例）输出？

第一个例子：

const getData = async() => { 
    var y = "Hello World"; 
    console.log(y); 
} 

console.log(1); 
getData(); 
console.log(2); 

第一个例子的输出：

1
Hello World
2

第二个例子：

const getData = async() => { 
    var y = await "Hello World"; 
    console.log(y); 
} 

console.log(1); 
getData(); 
console.log(2); 

第二个例子的输出：

1
2
Hello World

Answer 1

两个示例都返回Promise，但是脚本引擎正在寻找一个关键的区别......其中是否有任何异步等待？在第一个示例中没有，但在第二个示例中，代码至少 说 存在。 （虽然我可能希望任何像样的 IDE 都会抱怨它，因为字符串文字不是异步操作。不过，语言本身可以很宽容。）

即使您在第一个示例中执行了异步操作，除非您等待它，否则周围的代码仍将同步运行。您将无法观察该操作的结果（或失败）。 （好吧，您可以将.then() 附加到它上面，但是为什么要使用async？那时您将混合您的异步约定。）

如果您在 async 函数中调用 getData()，那么您可以等待它：

console.log(1);
await getData();
console.log(2);

或者，您可以从返回的承诺继续：

console.log(1);
getData().then(() => console.log(2));

或者，更冗长（或任何卡在 IE 中的人）：

console.log(1);
getData().then(function () {
    console.log(2);
});