防抖函数需支持flush方法以在blur时立即执行最后一次校验：debounce返回带flush属性的函数，blur中调用flush清空定时器并执行校验，input中触发防抖校验。

防抖函数默认是“延迟执行”，失去焦点（blur）时需要立即触发最后一次等待中的校验，不能等倒计时结束。核心思路是：在防抖函数内部保留定时器引用，并提供一个 flush 方法，在 blur 事件中手动清空并执行待处理的校验。

1. 实现支持 flush 的防抖函数

标准防抖只返回一个函数，改进版需额外暴露 flush 方法来强制执行：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

<font size="2"><pre class="brush:php;toolbar:false;">function debounce(func, wait) {
  let timeout = null;
  const debounced = function(...args) {
    clearTimeout(timeout);
    timeout = setTimeout(() => {
      func.apply(this, args);
    }, wait);
  };
  // 添加 flush 方法：立即执行当前待触发的逻辑
  debounced.flush = function() {
    if (timeout) {
      clearTimeout(timeout);
      timeout = null;
      func.apply(this, arguments);
    }
  };
  return debounced;
}

2. 绑定输入校验与失焦强制触发

将校验逻辑传入防抖函数，再分别绑定到 input 和 blur 事件：

• input 事件调用防抖后的校验函数（延迟执行）
• blur 事件调用 .flush()（立即执行最后一次未执行的校验）

<font size="2"><pre class="brush:php;toolbar:false;">const validateInput = () => {
  const value = input.value.trim();
  if (!value) {
    showError('请输入内容');
  } else if (value.length < 2) {
    showError('至少输入2个字符');
  } else {
    hideError();
  }
};

const debouncedValidate = debounce(validateInput, 300);

input.addEventListener('input', debouncedValidate);
input.addEventListener('blur', () => debouncedValidate.flush());

3. 注意事项

• 避免重复 flush：blur 中调用 flush 即可，无需再手动调用原始校验函数
• 防抖函数的 this 指向：上面实现中 func.apply(this, args) 保证了上下文正确；若用箭头函数定义 debounced，需注意 this 绑定问题
• 兼容性：flush 是自定义方法，不依赖浏览器 API，所有环境都可用