浅谈 Underscorejs 中 _.debounce

事件间隔条件（函数去抖） debounce 当调用动作n毫秒后，才会执行该动作。

使用场景

• 游戏射击，keydown 事件
• 文本输入、自动完成，keyup 事件

使用场景（事件）

• scroll 事件（资源的加载）
• mousemove 事件（拖拽）
• resize 事件（响应式布局样式）
• keyup 事件（输入框文字停止打字后才进行校验）

代码片段

function ajax_lookup( event ) {
  // 对输入的内容$(this).val()执行 Ajax 查询
};

// 字符输入的频率比你预想的要快，Ajax 请求来不及回复。
$('input:text').keyup( ajax_lookup );

// 当用户停顿250毫秒以后才开始查找
$('input:text').keyup( _.debounce( ajax_lookup, 250 ) );

扩展

• throttle

官方地址

• https://underscorejs.org/

---

Thanks ~