轮询简单封装 - 2024-02-06

/**
 * 轮询封装
 * @param fn 轮询function
 * @param validate 轮询状态校验规则
 * @param interval 轮询间隔
 * @param retry 网络错误重试次数
 * @returns {poller, stop}
 */
export function promisePoller(
  fn: (data: { controller?: AbortController }) => Promise<any>,
  validate: (value: any) => boolean,
  interval = 2500,
  retry = 3,
): {
    poller: Promise<any>
    stop: (cb?: () => void) => void
  } {
  let timer: any = 0
  // 记录本次请求失败计数
  let failures = 0
  let controller: any
  const clean = () => {
    if (timer) {
      clearTimeout(timer)
      timer = 0
    }
  }

  const resolver = async (resolve: (value: any) => void, reject: (e: any) => void) => {
    try {
      clean()
      // fix: 异步接口请求过程中终止操作失效问题
      if (controller?.signal.aborted) return
      controller = new AbortController()

      const result = await fn({ controller })
      const valid = validate(result)
      // 本次请求成功后, 重置失败计数
      failures = 0
      if (valid === true) {
        clean()
        resolve(result)
      } else if (valid === false) {
        timer = setTimeout(resolver, result.interval || interval, resolve, reject)
      }
    } catch (e) {
      // 网络错误尝试retry
      // TODO 失败类型分类判断
      failures += 1
      if (failures <= retry) {
        timer = setTimeout(resolver, interval, resolve, reject)
        return
      }
      reject(e)
    }
  }

  return {
    poller: new Promise(resolver),
    stop: cb => {
      clean()
      controller?.abort()
      if (cb) cb()
    },
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,800评论 19 139
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,501评论 2 59
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong阅读 22,743评论 1 92
  • 前言 以前我看到面试贴就直接刷掉的,从不会多看一眼,直到去年 9 月份我开始准备面试时,才发现很多面试经验贴特别有...
    93ac81ebff1e阅读 1,352评论 0 0
  • ## 操作 DOM 在使用 vue.js 的时候,有时候因为一些特定的业务场景,不得不去操作 DOM,比如这样: ...
    TonyHaHa阅读 1,833评论 0 3