debounce防抖函数封装

debounce.js文件里 （例子不再贴出，根据上面的替换就行）

let debounceTimer = null;
export function debounce(callback, duration, isFirstExecution) {
  return function (...args) {
    let ctx = this;
    const delay = function () {
      debounceTimer = null;
      console.log('定时器函数执行了')
      if (!isFirstExecution) callback.apply(ctx, args);
    };
    let executeNow = isFirstExecution && !debounceTimer;
    clearTimeout(debounceTimer);
    debounceTimer = setTimeout(delay, duration);
    if (executeNow) callback.apply(ctx, args);
  };
};
// isFirstExecution为true时只执行第一次，为false时只执行最后一次

防抖函数：多次触发后只执行第一次或者最后一次的函数_按钮连续点击,只执行最后一次-CSDN博客