You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

RxSwift分页场景:.debounce与.throttle哪个更适配?

分页场景下RxSwift的debounce和throttle怎么选?

先把两个操作符的核心逻辑说清楚:

  • throttle:设置一个时间窗口(比如300毫秒),在这个窗口内不管触发多少次滚动事件,只执行一次检查。滚动过程中每隔300ms就会触发一次位置判断。
  • debounce:必须等滚动完全停止,且停止时间超过设置的阈值(比如300毫秒),才会执行最后一次位置检查。

针对你的分页需求,更适合用throttle。因为分页要的是用户滚动到底部附近时就立刻加载下一页,要是用debounce,得等用户停住滚动才触发,体验上会有明显延迟。而throttle能在滚动过程中定期检查位置,满足条件就触发加载,流畅度更好。

另外,你当前的代码可以再优化:没必要每次滚动都发送pagination action,应该先判断是否真的接近底部,再决定要不要触发。结合throttle的优化代码如下:

self.tableView.rx.didScroll
    .skip(1)
    .throttle(.milliseconds(300), scheduler: MainScheduler.instance) // 每300ms检查一次
    .withLatestFrom(self.tableView.rx.contentOffset)
    .filter { [weak self] offset in
        guard let tableView = self?.tableView else { return false }
        // 计算底部阈值,比如距离底部100pt时触发加载
        let bottomTriggerPoint = tableView.contentSize.height - tableView.bounds.height - 100
        return offset.y >= bottomTriggerPoint
    }
    .map { [weak self] offset in
        Reactor.Action.pagination(
            contentHeight: self?.tableView.contentSize.height ?? 0,
            contentOffsetY: offset.y,
            scrollViewHeight: UIScreen.main.bounds.height
        )
    }
    .bind(to: reactor.action)
    .disposed(by: disposeBag)

这样既通过throttle降低了触发频率,又用filter过滤掉了无关的滚动事件,减少了Reactor的冗余处理。

内容的提问来源于stack exchange,提问作者Sue

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 21:32:43