不应该在没有明确地将返回值包装在 Promise 中的情况下异步返回 Promise 吗？

Question

MDN documentation 声明

当调用异步函数时，它会返回一个 Promise。当异步 函数返回一个值，Promise 将被解析为 返回值。当异步函数抛出异常或某些 值，Promise 将被抛出的值拒绝。

因此，考虑到 await 期望得到已解决的承诺，我做错了什么？

foo();

async function foo(){
    await bar();
    zoo();
}

async function bar(){
    setTimeout(() => {
        console.log("bar");
        return;
    }, 1000);    
}

function zoo(){
    console.log("zoo");    
}

根据我（错误地）理解，它应该首先记录bar，然后是zoo，但它正在以相反的方式记录。

编辑：现在，感谢@Matt Morgan 的澄清，我理解了这个错误，因为bar() 函数返回undefined。尽管如此，我认为单独调用 async 函数 per se 会使该函数立即返回一个未解决的承诺，并且当 async 函数返回任何值时，这样的承诺将被解决（甚至不明确的）。但我现在意识到一个人真的需要通过return Promise 声明来回报自己的承诺。我认为 async 的 MDN 文章（我已全部阅读）在这个主题上有点混乱（只是我的看法）。

因此，我可以简单地将我的 bar() 函数修改为：

function bar(){
    return new Promise(function(resolve){
        setTimeout(() => {
            console.log("bar");
            resolve();
        }, 1000);
    });
}

Answer 1

bar()正在设置超时并返回未定义，这与在超时结束时立即运行日志记录语句不同。

所以，zoo() 运行，然后当超时结束时（1000 毫秒后），您会在控制台中看到“bar”。

这是一个修改后的示例没有超时：

foo();

async function foo(){
    await bar();
    zoo();
}

async function bar(){
   console.log("bar");   
}

function zoo(){
    console.log("zoo");    
}

没有setTimeout，你会得到你期望的执行顺序。

第二个示例，您有一个 delay() 函数，该函数将 setTimeout 包装在一个 Promise 中：

foo();

async function foo(){
    await bar();
    zoo();
}

async function bar(){
   await delay();
   console.log("bar");   
}

function delay(t, v) {
   return new Promise(function(resolve) { 
       setTimeout(resolve.bind(null, v), t)
   });
}

function zoo(){
    console.log("zoo");    
}

最后的sn-p 是否等待promise的解析，所以你看到bar，然后是foo。

以上delay取自https://stackoverflow.com/a/39538518/3084820

这是最后一个示例，bar() 返回“bar”。这意味着它被 async 声明包裹在一个 Promise 中，并由 await 内部的 foo() 解决同样，你会看到你期望看到的。

foo();

async function foo(){
    console.log(await bar());
    zoo();
}

async function bar(){
    return 'bar';   
}

function zoo(){
    console.log("zoo");    
}

了解您的原始示例不返回值bar 很重要。它返回undefined，如果您更改原始代码以注销bar() 的返回值，您会在控制台中看到三件事：

1. 立即返回的承诺表单 bar() 解析为 undefined。
2. 来自zoo() 函数的值zoo。
3. 最后，经过 1000 毫秒后，您会看到 bar 从被推送到队列中的 setTimeout 记录下来。

试一试，看看你会得到什么。