一个js里可以有多少个async function，如何用最少的async function实现多个异步操作

在 JavaScript 中，可以定义任意数量的 async 函数，但为了实现多个异步操作并减少 async 函数的数量，可以使用以下几种方法：

1. 使用 Promise.all()：将多个异步操作封装在一个 async 函数中，并使用 Promise.all() 来并行执行它们。

2. 使用循环：在一个 async 函数中使用循环来处理多个异步操作。

3. 使用模块化：将多个异步操作封装在一个对象或数组中，然后在一个 async 函数中遍历它们。

以下是一个示例，展示如何使用 Promise.all() 来实现多个异步操作：

async function fetchData() {
   
    const urls = [
        'https://api.example.com/data1',
        'https://api.example.com/data2',
        'https://api.example.com/data3'
    ];

    const fetchPromises = urls.map(url => fetch(url)); // 创建多个 fetch 请求的 Promise
    const responses = await Promise.all(fetchPromises); // 并行执行所有请求

    const data = await Promise.all(responses.map(response => response.json())); // 解析所有响应
    return data; // 返回所有数据
}

fetchData().then(data => console.log(data)).catch(error => console.error(error));

在这个示例中，只有一个 async 函数 fetchData 被定义，但它可以处理多个异步操作。通过这种方式，你可以有效地管理多个异步请求，而不需要为每个请求单独定义一个 async 函数。