preventReClick.js 887 B

1234567891011121314151617181920212223242526272829303132
  1. const timeOut = null;
  2. /**
  3. * 防抖原理:一定时间内,只有最后一次操作,再过wait毫秒后才执行函数
  4. *
  5. * @param {Function} func 要执行的回调函数
  6. * @param {Number} wait 延时的时间
  7. * @param {Boolean} immediate 是否立即执行
  8. * @return null
  9. */
  10. function debounce(func, wait = 300, immediate = false) {
  11. // 清除定时器
  12. if (timeOut !== null) clearTimeout(timeOut);
  13. if (immediate) {
  14. // 立即执行,此类情况一般用不到
  15. var callNow = !timeOut;
  16. timeOut = setTimeout(function() {
  17. timeOut = null;
  18. }, wait);
  19. if (callNow) typeof func === 'function' && func();
  20. } else {
  21. // 设置定时器,当最后一次操作后,timeOut不会再被清除,所以在延时wait毫秒后执行func回调方法
  22. timeOut = setTimeout(function() {
  23. typeof func === 'function' && func();
  24. }, wait);
  25. }
  26. }
  27. export default debounce