仅在给定的时间内执行一次函数

Question

我有一个API请求，该请求在给定的时间内被多次调用。更具体地说，此请求是为用户令牌刷新的，因此可以按每个请求进行调用，这很快就加在一起。我想创建一个函数，该函数告诉该函数不要在给定的秒数中运行。我曾尝试使用Lodash Debounce，但我无法正常工作。

let debounceRefresh;

debounceRefresh = debounce(() => {
  api.request(){
  });
}, 1000);

debounceRefresh();

我是在执行错误吗？有可能吗？

Answer 1

是的，您肯定需要油门才能完成工作。

// in this example we invoke a fn for a period of 10 sec, invoking it 2 times a second, but we can perceive that the original function is only invoked at most once per 2 seconds according to the parameter below:

var TOTAL_TIME_TO_RUN = 10000; // 10 sec
var THROTTLE_INTERVAL = 2000; // <= adjust this number to see throttling in action
var INVOCATION_INTERVAL = 500; // 0.5 sec

// regular fn
var punchClock = function punchClock() {
  console.log(new Date().toISOString() + ' - call api');
};

// wrap it and supply interval representing minimum delay between invocations
var throttledPunchClock = _.throttle(punchClock, THROTTLE_INTERVAL);

// set up looping
var intervalId = setInterval(function() {
  console.log("attempting call api");
  throttledPunchClock()
}, INVOCATION_INTERVAL);

// run the demo
setTimeout(() => clearInterval(intervalId), 10000)

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>
<pre>
  var TOTAL_TIME_TO_RUN = 10000; // 10 sec
  var THROTTLE_INTERVAL = 2000; // < = adjust this number to see throttling in action
  var INVOCATION_INTERVAL = 500; // 0.5 sec
</pre>

snippet来自

Answer 2

您是否尝试过超时？

const myTimeout = setTimeout(debounceRefresh, 1000);

如果再次调用该函数，则可以清除超时并将其重置

clearTimeOut（myTimeOut）;

为什么不使用其他侦听器？也许收到数据时？