异步函数提前结束致变量未传递，如何在main.js中定时更新globalWeather？

看起来你遇到的核心问题是异步操作的时序问题——prepareWeather()没有等待异步的getWeather()完成就提前结束了，导致globalWeather还没被赋值就被外部获取，自然拿到undefined。咱们一步步来解决这个问题：

第一步：确保getWeather()返回Promise #

首先，getWeather()作为异步操作（比如调用天气API），必须返回一个Promise，这样才能用async/await或者.then()等待它的结果。如果原来的getWeather()没有返回Promise，那await根本起不了作用。

举个修正后的例子：

// 假设这是你的getWeather函数，确保它返回Promise
function getWeather() {
  // 用fetch调用天气API，本身就返回Promise
  return fetch('https://your-weather-api-url.com/data')
    .then(response => {
      // 先检查请求是否成功
      if (!response.ok) throw new Error(`API请求失败：${response.status}`);
      return response.json();
    })
    .then(rawData => {
      // 可以在这里预处理数据，提取你需要的字段
      return {
        temperature: rawData.main.temp,
        condition: rawData.weather[0].description,
        city: rawData.name
      };
    });
}

第二步：把prepareWeather()改成异步函数 #

接下来，prepareWeather()需要等待getWeather()的结果，所以要把它声明为async函数，内部用await等待getWeather()完成，再赋值给globalWeather（或者直接返回数据，更推荐后者，减少全局变量依赖）。

// 比如在weatherUtils.js中导出这个函数
export async function prepareWeather() {
  try {
    // 等待getWeather返回的Promise resolve
    const freshWeatherData = await getWeather();
    // 更新全局变量（如果必须用全局的话）
    globalWeather = freshWeatherData;
    // 同时返回数据，方便外部直接获取
    return freshWeatherData;
  } catch (error) {
    // 处理请求失败的情况，避免程序崩溃
    console.error('获取天气数据失败：', error);
    // 可以返回默认值或者重新抛出错误
    return null;
  }
}

第三步：在main.js中正确调用并实现定时更新 #

在main.js里调用prepareWeather()时，必须用await或者.then()来处理异步结果，不能直接同步调用（否则拿到的是一个pending状态的Promise，而不是实际数据）。同时，用setInterval实现每15分钟更新，但要注意setInterval的回调里也要用async来处理内部的await。

import { prepareWeather } from './weatherUtils.js';

// 初始化：页面加载时先获取一次天气
async function initWeather() {
  const initialWeather = await prepareWeather();
  if (initialWeather) {
    console.log('初始天气数据：', initialWeather);
    // 这里可以做页面渲染、初始化逻辑
  }
}

// 定时更新：每15分钟刷新一次
setInterval(async () => {
  const updatedWeather = await prepareWeather();
  if (updatedWeather) {
    console.log('更新后的天气数据：', updatedWeather);
    // 这里可以更新页面UI或者其他业务逻辑
  }
}, 15 * 60 * 1000); // 15分钟 = 15*60*1000毫秒

// 启动初始化
initWeather();

为什么之前的方法没生效？ #

• 如果getWeather()没有返回Promise，await会直接跳过（因为等待的不是Promise），导致prepareWeather()提前结束。
• 如果调用prepareWeather()时没有用await或者.then()，你拿到的是一个Promise对象，而不是实际的天气数据，看起来就像undefined。
• 用.next()的话，那是针对Generator函数的，如果你没把prepareWeather写成Generator，那.next()根本没用。

额外建议：尽量避免全局变量 #

全局变量globalWeather容易导致不可预测的问题，比如多个地方同时修改它。如果是前端项目，建议用状态管理工具（比如React的useState、Vue的data）来管理天气数据；如果是Node.js项目，可以用模块内的变量或者类来封装，比全局变量更可控。

内容的提问来源于stack exchange，提问作者Hedva