JQ each 请求接口时会出现部分请求频繁，利用此方法可解决频繁

最新推荐文章于 2024-07-03 02:58:30 发布

原创最新推荐文章于 2024-07-03 02:58:30 发布 · 417 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js

JQ 同时被 2 个专栏收录

1 篇文章

订阅专栏

延时处理请求

1 篇文章

订阅专栏

本文介绍了一种解决JavaScript中因$.each请求接口时出现的部分请求频繁问题的方法。通过使用缓存集和游标，实现了对异步请求的有序处理，避免了因并发请求导致的资源浪费和效率低下。

                      JQ each 请求接口时会出现部分请求频繁，利用此方法可解决频繁




function forTest() {
   var arr = [];  // 缓存集
   var cursor = 0;    // 游标，用来记录输出进度
   var start = new Date();
   for (var i=0; i<10; i++) {
      (function(j) {
         setTimeout(function() {
            // 每次以对号入座形式把循环结果缓存起来
            arr[j] = (j);
            // 直到匹配到了游标，开始执行下一步
            if (j === cursor) {
               // 在arr中，从最早的for返回的结果依次输出，直到undefined为止
               // 每次输出后，游标也随之变化
               for (; cursor<arr.length; cursor++) {
                  if (arr[cursor] == undefined) {
                     break;
                  }
                  console.log(arr[cursor], "time:" + (new Date() - start));
                  arr[cursor] = undefined;      // 避免重复输出，清除缓存内容
               }
            }
         }, Math.random() * 1000);
      }(i));
   }
}