throttle.js 810 B

12345678910111213141516171819202122232425262728293031
  1. let timer;
  2. let flag;
  3. /**
  4. * 节流原理:在一定时间内,只能触发一次
  5. *
  6. * @param {Function} func 要执行的回调函数
  7. * @param {Number} wait 延时的时间
  8. * @param {Boolean} immediate 是否立即执行
  9. * @return null
  10. */
  11. function throttle(func, wait = 500, immediate = true) {
  12. if (immediate) {
  13. if (!flag) {
  14. flag = true;
  15. // 如果是立即执行,则在wait毫秒内开始时执行
  16. typeof func === 'function' && func();
  17. timer = setTimeout(() => {
  18. flag = false;
  19. }, wait);
  20. } else {
  21. }
  22. } else if (!flag) {
  23. flag = true;
  24. // 如果是非立即执行,则在wait毫秒内的结束处执行
  25. timer = setTimeout(() => {
  26. flag = false;
  27. typeof func === 'function' && func();
  28. }, wait);
  29. }
  30. }
  31. export default throttle;