javascript async await for function 在继续之前

Question

我有一个调用其他函数的辅助函数。我希望调用的函数在继续使用辅助函数之前完成。

目前他们都在同时改变事物。

helperDikjstras = async() => {
  //do stuff
  await this.colorVisited(visitedNodes); // I want this function to finish before continuing
  await this.colorPath(path);

  //EDIT: I've also tried:
  this.colorVisited(visitedNodes).then(() => this.colorPath(path));
    return;
  }

  colorVisited = async (visitedNodes) => {
    //do stuff
    return;
  }

  colorPath = async (path) => {
    //do stuff
    return;
  }

Answer 1

他们当然会这样做，这就是它的工作方式。 JavaScript 中没有“中断”或暂停功能。为了实现您的目标，请在第一个 await 的后续 .then() 中调用您的后续函数。

像这样：

helperDikjstras = async() => {/*...*/}
colorVisited = async(visitedNodes, _callback) => {/*...*/}
colorPath = async(path) => {/*...*/}


helperDikjstras()
  .then(() => colorVisited(blah, halb))
  .then(() => colorPath(somePath));

如果您需要在colorPath() 之后运行其他功能，您可以简单地添加更多...

helperDikjstras()
  .then(() => colorVisited(blah, halb))
  .then(() => colorPath(somePath))
  .then(() => doSomethingElse())
  .then(() => andAnother())
  .then(() => etc());