取消lodash.throttle中的默认执行完最后一次函数-Toy模板网

这篇具有很好参考价值的文章主要介绍了取消lodash.throttle中的默认执行完最后一次函数。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

我的场景:

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

问题：

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

猜想：

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

取消lodash.throttle中的默认执行完最后一次函数,vue.js,javascript,前端

解决方案：文章来源地址https://www.toymoban.com/news/detail-812120.html

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);

到了这里，关于取消lodash.throttle中的默认执行完最后一次函数的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！