前文

浏览器能够并行发送请求，但是每次并行发送请求的个数是有限制的，以 chrome 浏览器为例子：

同一个域名下，同一个 GET 请求的并发数是 1 ，也就是说只有上一个请求结束，才会执行下一个请求，否则置入队列等待发送。同一个域名下，不同 GET/POST 请求的并发数是 6 。当发送的请求数量达到 6 个，并且都没有得到响应时，后面的请求会置入队列等待发送。

测试

    useEffect(
        () => {
            for (let i = 0; i < 10; i++) {
                requestDelay();
            }
            console.log(randoms)
        },
        [])

    const SLEEP_MS = 1000;

    useEffect(() => {
        const interval = setInterval(() => {
            requestInstant();

        }, SLEEP_MS);

        return () => clearInterval(interval); // This represents the unmount function, in which you need to clear your interval to prevent memory leaks.
    }, [])

requestDelay(); 这个方法在后端会无限超时(sleep 10000000 秒)。 requestInstant(); 这个方法会立即返回。

当前的表象是:

第一秒:requestDelay()已经发送出网络请求，后端已经收到。后续的 requestDelay()没有向后端发送请求，目测已经进入队列。
第二秒到第十几秒:每秒都会 requestInstant()请求到后端，且立即返回。
然后就是发送了五次 requestDelay()请求，后端已收到。
后续的 requestInstant()请求已经卡住，一直没有向后端发送请求。

疑问:我一直以为从第二秒开始就一直会每秒请求 requestInstant()，且立即返回。不知道为什么会后续又发送 5 次的 requestDelay()请求？老哥们帮忙解释下。

lsk569937453

150 天前

@jones2000 同一个域名下，不同 GET/POST 请求的并发数是 6 。我的意思是程序启动开始，10 次循环执行完。此时只有一个 requestDelay 发送了请求并且一直 hang 住，剩余的 9 个在消息队列中。而后面我每秒发一次 requestInstant 预期是应该不受影响。

然而表象是在某个时间点，chrome 又把队列中的 5 个 requestDelay 请求拿出来发送网络请求且 hang 住，此时达到最大并发数 6 ，后续的 requestInstant 也进入队列，不再发送请求。并且影响了此域名下后续要发送的所有的 http 请求。

有个前端并发数的问题

前文

测试