在JavaScript中以间隔获取数据？

问题描述

我在Pusher中有以下代码：

Echo.private("channel").listen(".foobar",(e) => {
   this.fetchData();
});

当有传入请求时，我希望再次获取数据。但不是在每个Pusher事件中。我希望仅在5秒内提取一次数据。

我正在考虑在有新的传入事件时重置间隔，但是如何实现呢？

解决方法

好的，首先是一个Laravel Echo代码。可能是在幕后使用推杆，但是说这是推杆代码有点不正确。

然后，如果我理解正确的话，则需要某种去抖功能。例如lodash offers one。

const debouncedFunction = _.debounce(() => {
    this.fetchData()
},5000);

Echo.private('channel').listen('.foobar',e => {
   debounced()
})

debounce将创建功能的反跳版本，您可以调用该功能，甚至取消该功能，因为它带有cancel方法。

debouncedFunction.cancel()