天气应用如何复用单个HTTP请求函数调用多API？

这绝对是个很棒的优化思路，既能减少重复代码，又能让你的逻辑更清晰。针对你提到的「每个请求有专属变量」的情况，我们可以通过**「通用请求函数+专属封装函数」**的方式来解决，具体步骤如下：

1. 先抽离通用的HTTP请求逻辑 #

首先写一个核心的通用函数，负责处理所有HTTP请求共有的操作：发起请求、解析响应、捕获基础错误。这个函数不需要关心具体请求的专属变量，只需要接收请求的URL和可选配置（比如请求头、方法等）。

举个JavaScript的例子（如果你用其他语言，思路是完全一致的）：

async function fetchData(url, options = {}) {
  try {
    const response = await fetch(url, options);
    if (!response.ok) {
      throw new Error(`请求失败，状态码：${response.status}`);
    }
    return await response.json();
  } catch (error) {
    console.error('HTTP请求出错:', error);
    throw error; // 把错误抛出去，让调用方做针对性处理
  }
}

2. 为每个请求封装专属逻辑（管理各自的变量） #

接下来，针对ipinfo和openweathermap的请求，分别写专属的小函数——这些函数会管理自己的专属变量（比如API密钥、请求参数、基础URL），然后调用上面的通用fetchData函数。

比如获取用户位置的函数：

async function getUserLocation(ipinfoApiKey) {
  // 这里的ipinfoApiKey就是这个请求的专属变量
  const requestUrl = `https://ipinfo.io/json?token=${ipinfoApiKey}`;
  return await fetchData(requestUrl);
}

再比如获取天气数据的函数：

async function getWeatherData(weatherApiKey, cityName) {
  // 这里的weatherApiKey、cityName都是这个请求的专属变量
  const requestUrl = `https://api.openweathermap.org/data/2.5/weather?q=${cityName}&appid=${weatherApiKey}&units=metric`;
  return await fetchData(requestUrl);
}

3. 组合起来使用 #

最后在你的主业务逻辑里，调用这两个专属函数就可以了：

async function loadWeatherApp() {
  try {
    // 建议把密钥存在配置文件里，不要硬编码哦
    const IPINFO_KEY = '你的ipinfo密钥';
    const WEATHER_KEY = '你的openweathermap密钥';

    // 先获取位置
    const locationResult = await getUserLocation(IPINFO_KEY);
    const targetCity = locationResult.city;

    // 再获取天气
    const weatherResult = await getWeatherData(WEATHER_KEY, targetCity);
    console.log('拿到天气数据啦:', weatherResult);
    // 这里可以把数据渲染到页面上
  } catch (error) {
    // 统一处理错误，比如给用户友好提示
    alert('加载天气失败，请稍后重试');
  }
}

额外小贴士 #

• 如果两个请求有不同的需求（比如一个需要POST方法、自定义请求头），通用的fetchData函数的options参数可以灵活接收这些差异，比如：

  fetchData(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) })
  

• 专属函数里还可以添加请求特有的逻辑，比如对参数做校验、对返回数据做预处理，让通用函数保持简洁。

这样一来，你既复用了HTTP请求的核心逻辑，又能清晰管理每个请求的专属变量，完美解决你的问题～

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