如何使API响应成为全局变量，以便在后续API请求中再次使用

// 存储API响应为全局变量
window.apiResponse = null;

function fetchApiData() {
    if (window.apiResponse) {
        console.log('Using cached data:', window.apiResponse);
        return Promise.resolve(window.apiResponse);
    }

    return fetch('https://api.example.com/data')
        .then(response => response.json())
        .then(data => {
            window.apiResponse = data;
            console.log('Fetched new data:', data);
            return data;
        });
}

// 后续API请求中使用全局变量
fetchApiData().then(data => {
    // 使用data进行后续操作
});

// 存储API响应为全局变量
let apiResponse = null;

async function fetchApiData() {
    if (apiResponse) {
        console.log('Using cached data:', apiResponse);
        return apiResponse;
    }

    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    apiResponse = data;
    console.log('Fetched new data:', data);
    return data;
}

// 后续API请求中使用全局变量
fetchApiData().then(data => {
    // 使用data进行后续操作
});

let apiResponse = null;
let isFetching = false;

async function fetchApiData() {
    if (apiResponse) {
        return apiResponse;
    }

    if (isFetching) {
        return new Promise((resolve) => {
            setTimeout(() => fetchApiData().then(resolve), 100);
        });
    }

    isFetching = true;
    try {
        const response = await fetch('https://api.example.com/data');
        const data = await response.json();
        apiResponse = data;
        return data;
    } finally {
        isFetching = false;
    }
}

let apiResponse = null;
const CACHE_EXPIRATION = 60 * 1000; // 1分钟

function isCacheExpired(timestamp) {
    return Date.now() - timestamp > CACHE_EXPIRATION;
}

async function fetchApiData() {
    if (apiResponse && !isCacheExpired(apiResponse.timestamp)) {
        return apiResponse.data;
    }

    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    apiResponse = { data, timestamp: Date.now() };
    return data;
}