promise 实现分批请求

在路上`

已于 2022-02-11 18:59:38 修改

阅读量911

点赞数

分类专栏： React Vue 文章标签： javascript 前端 vue.js

于 2022-02-11 18:58:33 首次发布

本文链接：https://blog.csdn.net/qq_39490750/article/details/122886905

版权

本文介绍了如何使用Promise来实现请求的分批处理。通过将请求分组，并等待每组请求完成后再继续下一批，以此实现批量请求的递归处理。提供了具体的案例代码，包括packagFunc.js、index.jsx和constant.js文件的实现细节。

摘要由CSDN通过智能技术生成

一、实现思路

主要是对请求进行分组，等分组请求有返回结果了，然后在进行下次分组请求，主要采用递归的形式

二、案例代码

packagFunc.js

import { BATCH_SIZE } from './constants';

/**
 * Batch the request and delay 3 seconds every 1000 requests
 * @param {*} records
 * @param {*} promiseEach
 * @returns
 */
export function batchRequest(records, promiseEach) {
  // Divide the total requests into sub request arrays by the batch size
  const batchRecords = [];
  for (let i = 0; i < records.length; i += BATCH_SIZE) {
    batchRecords.push(records.slice(i, i + BATCH_SIZE));
  }

  const result = [];
  let index = 0;

  return new Promise((resolve, reject) => {
    const request = (resolveObj, rejectObj) => {
      if (index < batchRecords.length) {
        const requestList = [];
        batchRecords[index].forEach((item) => {
          requestList.push(promiseEach(item));