异步/等待语法：有没有办法定义一个代码块在函数之后执行而不阻塞执行？

Question

我最近一直在问自己如何使用 async/await 语法重现 then/catch 的行为。使用 then/catch，我可以定义一个回调，该回调仅在 Promise 解决时执行，然后像这样继续执行。function test() {    getUsersFromDB().then(users => console.log(users));    console.log('The rest of the code here continues to execute');    [...]    // Promise resolves and logs the users value}对我来说，使用 async/await 你可以有两种可能的行为。1.等待函数并阻塞其余的执行async function test() {   const users = await getUsersFromDB();    // Code in here is not executed until promises returns    console.log(users);}2. 不要等待返回值，但不要期望你的承诺会在其余代码执行时实现function test() {    const users = getUsersFromDB();    // May log undefined    console.log(users);}我可以使用 async/await 重现第一个用例吗？

Answer 1

Usingthen是最简单的解决方案，但您可以使用AIIFE：

function test() {

    (async () => {

         const users = await getUsersFromDB();

         console.log(users);

    })().catch(console.error);

    console.log('The rest of the code here continues to execute');

    [...]

    // Promise resolves and logs the users value

}

替代方案只能是async do表达式。

Answer 2

所以你需要的基本上是拆分代码。一件应该以 async/await 语法执行，另一件应该照常执行。

首先我想说的话，如果你这样做如下

async function test() {

   console.log('The rest of the code here continues to execute');   

   const users = await getUsersFromDB();

   // Code in here is not executed until promises returns

   console.log(users);

}

这样就可以了。这可能看起来有点奇怪，因为我们只是将线路向上移动了一点，这不是我们想要做的，但是......

await关键字停止函数的执行async，但是我们有一些代码在冻结函数时应该继续工作await，这意味着我们不能将代码放在 之后await，只能放在之前。

据我了解，表示为“这里的其余代码继续执行”的代码也可以是异步的，因此生成的示例如下：

async function test() {

   console.log('Some synchronous code');   

   setImmediate(() => { 

       console.log('Some asynchronous code'); 

   });

   const users = await getUsersFromDB();

   // Code in here is not executed until promises returns

   console.log(users);

}