5:["$","div",null,{"children":[["$","style",null,{"children":"*{margin:0;padding:0}"}],["$","a",null,{"className":"return-article fixed top-1 right-2 z-50 text-sky-400 hover:text-sky-500","href":"/demos/promise-limit-depth-rfqkb2.html","children":"回到样例"}],"",["$","style",null,{"dangerouslySetInnerHTML":{"__html":".manager {\r\n width: 300px;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n#limit {\r\n width: 60px;\r\n font-size: 16px;\r\n}\r\n#start {\r\n font-size: 16px;\r\n width: 100px;\r\n}\r\n#container div {\r\n transition: width linear;\r\n min-height: 14px;\r\n background-color: #009688;\r\n color: #fff;\r\n margin-bottom: 4px;\r\n text-indent: 4px;\r\n width: 0;\r\n}"}}],["$","div",null,{"dangerouslySetInnerHTML":{"__html":"

\r\n

并发数量：

\r\n \r\n

\r\n

"}}],["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$10"}}],["$","script",null,{"type":"text/javascript","dangerouslySetInnerHTML":{"__html":"/**\r\n * 递归方式实现异步并发控制\r\n * @param arr 所有的数据集合，如请求的url等\r\n * @param limit 限制并发的个数\r\n * @param iteratorFn 对每个数据的处理\r\n */\r\nfunction promiseLimit(arr, limit, iteratorFn) {\r\n const { length } = arr;\r\n const result = [];\r\n let i = 0;\r\n let finishedNum = 0;\r\n\r\n return new Promise((resolve) => {\r\n const request = async (index) => {\r\n kk.show(arr[index], index);\r\n const p = Promise.resolve().then(() => iteratorFn(arr[index]));\r\n const res = await p;\r\n\r\n result[index] = res;\r\n finishedNum++;\r\n if (finishedNum === length) {\r\n resolve(result);\r\n }\r\n if (i < length) {\r\n request(i);\r\n i++;\r\n }\r\n };\r\n\r\n for (; i < limit; i++) {\r\n request(i);\r\n }\r\n });\r\n};"}}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"window.addEventListener('load', function () {\n if (window.parent !== window) {\n // 在 iframe 中\n // 隐藏回到文章的按钮\n document.querySelector('.return-article').style.display = 'none';\n // 隐藏底部的声明\n document.querySelector('.common-footer').style.display = 'none';\n }\n});"}}]]}]