在javascript中以间隔获取数据？

Question

我有以下与 Pusher 的代码：

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

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

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

Answer 1

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

然后，如果我理解正确，您需要某种去抖动功能。 例如lodash提供了一个.

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

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

debounce将创建函数的 debounced 版本，然后您可以调用，甚至取消，因为它带有cancel方法。

debouncedFunction.cancel()