并发请求

最新推荐文章于 2024-01-09 15:50:35 发布

快乐的蜜蜂

最新推荐文章于 2024-01-09 15:50:35 发布

阅读量785

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/hl971115/article/details/127818047

前端专栏收录该内容

40 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果一次性就加载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");

结果
在这里插入图片描述