使用 Async/Await 控制哪些代码停止

Question

您可以使用await 停止async 函数之外的代码吗？但是，我不希望所有代码都停止。我想控制运行什么代码。

我认为可能有一个解决方案，如下所示：

var isAsyncRunning = false;
var currentPromise;
async function asyncFunc(){
    isAsyncRunning = true;
    //Do some code here
    currentPromise = promise; //promise was defined inside the code
    await promise;
    promise.then(function(){
        isAsyncRunning = false;
    });
}
async function anotherFunction(){
    if(!isAsyncRunning){
        await currentPromise;
    }
    //Do some other code here
}

但是，我有很多功能，不想将其应用于我拥有的每一个功能。

有没有更好的解决方案？如果没有，我可以做些什么来减少耗时？

Answer 1

我认为你对 Promises 和 async/await 的理解是不正确的。当您创建函数async 时，在promise 之前的await 关键字确保代码执行将暂停，直到promise 履行或拒绝。您的代码可以简化：

var currentPromise;

async function asyncFunc(promise){
    // Do some code here
    return await promise;
}

function anotherFunction(){
    asyncFunc(currentPromise);
}

当我们调用return await promise 时，执行引擎会以非阻塞方式等待，直到promise 完成或被拒绝，然后将输出返回给anotherFunction 函数。

注意：如果你想按顺序运行 Promise，你可以使用 bluebird 或 method 中的 reduce 函数，如果你更喜欢 vanilla javascript。

暂停代码执行

根据您对原始问题的最新评论，我了解到您想暂停程序的执行。首先，您需要了解以阻塞方式停止Javascript 执行是不可能的。 Javascript 是一种使用事件循环来处理并发的单线程编程语言。您永远不能停止整个引擎进行操作。否则，程序将冻结。在基于线程的编程语言中，程序员使用线程来实现并发。

然而，在 Javascript 中，您可以使用async / await 以非阻塞方式暂停执行。例如：

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

async function main() {
  await sleep(1500)
  console.log('Hello world with delay!')
}

main()

如果我理解正确，在您的情况下，您希望根据用户输入暂停执行。您可以实现任何类型的逻辑。例如下面的程序等待用户按下RETURN键：

function waitForUserInput(keyCode) {
  return new Promise(resolve => 
    document.addEventListener('keydown', (event) => {
      if (event.keyCode === keyCode) resolve()
    }
  )
}

async function main() {
  await waitForUserInput(13)
  console.log('Thank you for your submission!')
}

main()

在这个例子中，在按下keyCode 之前，promise 不会被解析，并且不会在控制台中记录任何内容。请注意，waitForUserInput 不会停止 Javascript 引擎。引擎将继续执行任何其他代码并响应 UI 事件。