如何确保在MovieCard函数之前运行getData()？

function getData() {
  return new Promise((resolve, reject) => {
    // 异步获取数据的逻辑
    // ...

    // 获取数据成功后调用MovieCard函数
    resolve(data);
  });
}

async function main() {
  await getData();
  MovieCard();
}

main();

function getData() {
  // 异步获取数据的逻辑
  // ...

  // 获取数据成功后触发自定义事件
  const event = new Event('dataReady');
  document.dispatchEvent(event);
}

function MovieCard() {
  // MovieCard函数的逻辑
  // ...
}

document.addEventListener('dataReady', MovieCard);
getData();

function getData(callback) {
  // 异步获取数据的逻辑
  // ...

  // 获取数据成功后调用回调函数
  callback();
}

function MovieCard() {
  // MovieCard函数的逻辑
  // ...
}

getData(MovieCard);