Javascript等待Promise在不同的函数中解析，然后再继续使用异步函数进行动画

// 异步函数，返回一个Promise对象
function fetchData() {
  return new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
      const data = 'Some data';
      resolve(data); // 解析Promise，传递数据
    }, 2000);
  });
}

// 等待Promise解析的函数
async function processPromise() {
  try {
    const result = await fetchData(); // 等待Promise解析
    console.log('Promise resolved:', result);

    // 继续使用异步函数进行动画
    await animate();
  } catch (error) {
    console.error('Promise rejected:', error);
  }
}

// 异步函数，实现动画效果
function animate() {
  return new Promise((resolve) => {
    // 模拟动画效果
    let position = 0;
    const interval = setInterval(() => {
      console.log('Animating...', position);
      position += 10;

      if (position >= 100) {
        clearInterval(interval);
        resolve(); // 解析Promise，动画完成
      }
    }, 500);
  });
}

// 调用等待Promise解析的函数
processPromise();