mdebounce.js 998 B

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