JavaScript如何等待一个函数及其所有子函数完成

function foo(callback) {
  // 执行一些操作
  // ...

  // 完成后调用回调函数
  callback();
}

function bar() {
  // 子函数的逻辑
}

// 调用foo函数，并传入bar函数作为回调函数
foo(bar);

function foo() {
  return new Promise((resolve, reject) => {
    // 执行一些操作
    // ...

    // 完成后调用resolve方法
    resolve();
  });
}

function bar() {
  // 子函数的逻辑
}

// 调用foo函数，并使用then方法来等待完成后执行bar函数
foo().then(bar);

async function foo() {
  // 执行一些操作
  // ...

  // 等待完成后执行bar函数
  await bar();
}

function bar() {
  // 子函数的逻辑
}

// 调用foo函数
foo();