仅在第一个函数完全完成之后运行第二个函数

Question

大家好我有这样一个问题，我有2个异步功能。我只想在第一次完全结束后，运行第二次。这就是我试图做的：

null

  run2functions = async () => {
    await firstFunc();
    await secondFunc();
  };
  
  firstFunc = () => {
    console.log("first one");
    //Api code for information from any server

 }
 
  secondFunc = () => {
    console.log("second one");
    //Api code for information from any server

 }
 
 run2functions();

null

但它并不总是起作用的，有时第二个函数的代码运行在第一个函数的代码之前，我不确定为什么，我用await强制第二个只在第一个结束之后。

我现在只想让第一个函数结束来激活第二个函数。

Answer 1

Async/Await仅适用于返回promise的函数。所以您的代码应该是这样的：

const run2functions = async () => {
  await firstFunc();
  await secondFunc();
};

const firstFunc = () => {
  return new Promise((res) => {
    // your async code here
    console.log("first one");
    resolve(res);
  });
};

const secondFunc = () => {
  return new Promise((res) => {
    // your async code here
    console.log("second one");
    resolve(res);
  });
};

await run2functions();

额外资源

• 异步/Await:https://javascript.info/async-Await
• 承诺:https://javascript.info/promise-basics