取消lodash.throttle中的默认执行完最后一次函数

我的场景:

我有一个列表,我考虑用户连续点击删除的情况,如果用户连续点击,可能会导致数据库中的数据被删除了,但是我还需要刷新数据列表才能反应到页面上,可是这时候用户又点击了同一条数据的删除按钮多次,导致发起了多次删除一个已经不存在的数据的请求,于是接口报错。于是我加上了loadash.throttle。

问题:

但是在使用了lodash.throttle后,我发现在连续点击的过程中是按照我预想的进行的,的确有进行节流,但是在我我连续点击后,这一轮点击下来还是会报错一次,我查看请求,发现是最后一次的请求报的错。 而且这问题是必现的,只要出现了连续点击。

猜想:

是不是lodash.throttle中的设计逻辑就是默认会把最后一次请求给发送出去,也就是为了适用于输入框的场景,于是我查了一下,果真如此:

解决方案:

const _ = require('lodash');

// 原始的要节流的函数
function myFunction() {
  console.log('Function called');
}

// 使用throttle创建一个节流函数,{ trailing: false }表示取消执行最后一次
const throttledFunction = _.throttle(myFunction, 1000, { trailing: false });

// 在一定时间间隔内多次调用
throttledFunction();
setTimeout(() => throttledFunction(), 500);
setTimeout(() => throttledFunction(), 1000);
setTimeout(() => throttledFunction(), 1500);
                                                                                                                                                                                                                                          

相关推荐

  1. 取消默认进入condabase环境

    2024-01-18 06:46:01       54 阅读
  2. Linux磁盘挂载与取消

    2024-01-18 06:46:01       58 阅读
  3. oraclesqlplus默认执行脚本

    2024-01-18 06:46:01       33 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-18 06:46:01       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-18 06:46:01       106 阅读
  3. 在Django里面运行非项目文件

    2024-01-18 06:46:01       87 阅读
  4. Python语言-面向对象

    2024-01-18 06:46:01       96 阅读

热门阅读

  1. 【DIY summaries on Linux】

    2024-01-18 06:46:01       58 阅读
  2. 模型服务网格:云原生下的模型服务管理

    2024-01-18 06:46:01       51 阅读
  3. CentOS运维之根目录扩容

    2024-01-18 06:46:01       59 阅读
  4. sqoop事务如何实现

    2024-01-18 06:46:01       52 阅读
  5. python学习-自动化测试Selenium

    2024-01-18 06:46:01       53 阅读
  6. Opencv4快速入门笔记

    2024-01-18 06:46:01       43 阅读