debounce.js 969 B

1234567891011121314151617181920212223242526272829
  1. let 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 = 500, immediate = false) {
  11. // 清除定时器
  12. if (timeout !== null) clearTimeout(timeout)
  13. // 立即执行,此类情况一般用不到
  14. if (immediate) {
  15. const callNow = !timeout
  16. timeout = setTimeout(() => {
  17. timeout = null
  18. }, wait)
  19. if (callNow) typeof func === 'function' && func()
  20. } else {
  21. // 设置定时器,当最后一次操作后,timeout不会再被清除,所以在延时wait毫秒后执行func回调方法
  22. timeout = setTimeout(() => {
  23. typeof func === 'function' && func()
  24. }, wait)
  25. }
  26. }
  27. export default debounce