CoffeeScript 去抖动函数

本文整理自网络，侵删。

去抖动函数

问题

你想只执行某个函数一次，在开始或结束时把多个连续的调用合并成一个简单的操作。

解决方案

使用一个命名函数：

debounce: (func, threshold, execAsap) ->
  timeout = null
  (args...) ->
    obj = this
    delayed = ->
      func.apply(obj, args) unless execAsap
      timeout = null
    if timeout
      clearTimeout(timeout)
    else if (execAsap)
      func.apply(obj, args)
    timeout = setTimeout delayed, threshold || 100
mouseMoveHandler: (e) ->
  @debounce((e) ->
    # 只能在鼠标光标停止 300 毫秒后操作一次。
  300)

someOtherHandler: (e) ->
  @debounce((e) ->
    # 只能在初次执行 250 毫秒后操作一次。
  250, true)

讨论

可参阅John Hann的博客文章，了解JavaScript 去抖动方法。

标签：CoffeeScript

相关阅读 >>

CoffeeScript 清理字符串前后的空白符

CoffeeScript 使用 jasmine 测试

CoffeeScript 更快的 fibonacci 算法

CoffeeScript 生成唯一 id

CoffeeScript 工厂方法模式

CoffeeScript 双向服务器

CoffeeScript 检测与构建丢失的函数

CoffeeScript sqlite

CoffeeScript 计算（美国和加拿大的）感恩节日期

CoffeeScript 指数对数运算

更多相关阅读请进入《CoffeeScript》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » CoffeeScript 去抖动函数