生成一个防抖避免重复点击代码

可以使用 JavaScript 中的 debounce 函数来实现防抖避免重复点击。具体代码如下：

function debounce(fn, delay) {
  let timer = null;
  return function() {
    const context = this;
    const args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function() {
      fn.apply(context, args);
    }, delay);
  }
}

// 使用方法
const button = document.querySelector('button');
button.addEventListener('click', debounce(function() {
  // 在这里写点击事件的处理逻辑
}, 1000));

以上代码中，debounce 函数接收两个参数：需要防抖的函数和防抖时间间隔。在点击事件发生时，会先清除之前的定时器，然后再设置一个新的定时器，在延迟时间之后执行传入的函数。这样可以有效避免重复点击造成的问题。