并发请求

最新推荐文章于 2025-09-12 10:36:05 发布

原创最新推荐文章于 2025-09-12 10:36:05 发布 · 810 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

前端专栏收录该内容

40 篇文章

订阅专栏

该博客讨论了如何通过限制并发请求数量来减轻服务器压力。示例代码展示了如何使用Promise处理请求队列，逐个发送请求并在每个请求完成后再发起下一个，从而实现对服务器负载的控制。

如果一次性就加载100个请求肯定会造成服务器压力,所以有时候需要
较少请求,来减轻服务器压力

代码如下

const urls = [];
    for (let i = 0; i < 100; i++) {
        urls.push("http://www.bai.com/" + i);
    }
    function handleRequest(max, urls) {
        return new Promise((resolve) => {
            if (urls.length === 0) {
                resolve([]);
                return;
            }
            const result = [];
            let index = 0;

            async function request() {
                if (index >= urls.length) {
                    return;
                }
                const i = index;
                const url = urls[index];
                index++;
                try {
                    const resp = await fetch(url);
                    result[i] = resp;
                } catch (error) {
                    result[i] = error;
                } finally {
                    // 这个是 相当于 当前的这个通道完成后在继续 调用下一个接口
                    request();
                }
            }
            // 这个是 请求的并发数
            const times = Math.min(max, urls.length);
            for (let i = 0; i < times; i++) {
                request();
            }

            resolve(result);
        });
    }

    const aaa = handleRequest(5, urls);
    console.log(aaa, "aaa");

结果
在这里插入图片描述