JavaScript async/await与fetch在循环中的高效应用

async function listarSchedulesProblem() {
    let allUserData = [];
    projetosList.forEach(async (item) => { // 这里的async回调是forEach的一部分
        const [projetoId, projetoNome] = item.split("#");
        let urlSchedule = `https://gitlab.com/api/v4/projects/${projetoId}/pipeline_schedules?private_token=glpat-uSjCXDMEZPh5x6fChMxs`;

        // 尝试在这里使用await
        const data = await getData(urlSchedule); // SyntaxError: await is only valid in async functions, async generators and modules.
        // 即使没有语法错误，forEach也不会等待这些异步操作完成
        allUserData.push(`${projetoId}#${data.description}#${data.owner.username}`);
    });
    // 在forEach完成时，allUserData可能还是空的，因为await没有被forEach等待
    imprimirSchedule(allUserData);
}

/**
 * 模拟一个异步数据获取函数
 * @param {string} url - 请求的URL
 * @returns {Promise<Object>} - 解析为JSON数据的Promise
 */
function getData(url) {
    return fetch(url)
        .then(resp => resp.json())
        .catch(error => {
            console.error(`Error fetching from ${url}:`, error);
            throw error; // 抛出错误以便Promise.all捕获
        });
}

/**
 * 打印调度信息
 * @param {Array<string>} schedules - 包含调度信息的字符串数组
 */
function imprimirSchedule(schedules) {
    console.log("所有调度数据：", schedules);
}

/**
 * 假设 projetosList 已经填充，例如：
 * let projetosList = ["123#Project Alpha", "456#Project Beta"];
 */

/**
 * 高效获取并处理所有项目的调度信息
 * 使用 async/await, map 和 Promise.all
 */
async function listarSchedules() {
    // 使用 map 方法遍历 projetosList，为每个项目生成一个异步操作（Promise）
    const allUserDataPromises = projetosList.map(async item => {
        // 使用数组解构获取项目ID和名称
        const [projetoId, projetoNome] = item.split("#");

        console.log(`PROJETO ID: ${projetoId}, PROJETO NOME: ${projetoNome}`);

        // 构建请求URL
        const urlSchedule = `https://gitlab.com/api/v4/projects/${projetoId}/pipeline_schedules?private_token=glpat-uSjCXDMEZPh5x6fChMxs`;
        console.log("urlSchedule:", urlSchedule);

        // 使用 await 等待当前项目的调度数据获取完成
        // getData 函数返回一个 Promise，我们在这里等待它的解析
        try {
            const data = await getData(urlSchedule);
            // 从返回的数据中解构出 description 和 owner.username
            const { description, owner: { username } } = data;
            // 返回处理后的字符串，这将成为 Promise.all 结果数组中的一个元素
            return `${projetoId}#${description}#${username}`;
        } catch (error) {
            console.error(`Failed to fetch schedule for project ${projetoId}:`, error);
            // 可以在这里返回一个默认值或重新抛出错误，具体取决于需求
            return `${projetoId}#Error#Unknown`;
        }
    });

    // 使用 Promise.all 等待所有项目调度信息的 Promise 都解析完成
    // allUserData 将是一个数组，包含所有项目处理后的字符串
    const allUserData = await Promise.all(allUserDataPromises);

    // 所有数据获取并处理完毕后，调用打印函数
    imprimirSchedule(allUserData);
}

// 调用函数并处理完成后的逻辑
listarSchedules().then(() => console.log("所有调度数据处理完成。"));