js请求并发控制

最新推荐文章于 2024-09-27 15:27:45 发布

香辣鱼干

最新推荐文章于 2024-09-27 15:27:45 发布

阅读量149

点赞数 2

分类专栏： js 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qiaolezi787/article/details/142147160

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

请求并发控制简易版，没考虑非常全面，主打一个方便各位理解实现思路，并且还可以根据自己业务场景，再进一步封装。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    </style>
</head>

<body>
</body>

<script>
    let urls = [
        'http://127.0.0.1:5520/user?id=',
        'http://127.0.0.1:5520/user?id=',
        'http://127.0.0.1:5520/user?id=',
        'http://127.0.0.1:5520/user?id=',
        'http://127.0.0.1:5520/user?id=',
        'http://127.0.0.1:5520/user?id=',
        'http://127.0.0.1:5520/user?id=',
        'http://127.0.0.1:5520/user?id=',
        'http://127.0.0.1:5520/user?id=',
        'http://127.0.0.1:5520/user?id=',
    ]


    /**
     * 并发控制
     * @param {string[]} urls // 待请求地址列表
     * @param {number} max // 最大并发数
     */

    function concurrencyControl(urls, max = 2) {
        let index = 0

        function _run() {
            if (index > urls.length - 1) return
            let idx = index
            index++
            fetch(urls[idx] + idx)
                .then(res => res.json())
                .then(data => {
                    console.log(data);
                }).finally(() => {
                    _run()
                })
        }

        for (let i = 0; i < max; i++) {
            _run()
        }
    }

    concurrencyControl(urls)
</script>

</html>

因为不想录制gif，就直接截图的。凑合着看吧