CoffeeScript 去抖動(dòng)函數(shù)

去抖動(dòng)函數(shù)

問(wèn)題

你想只執(zhí)行某個(gè)函數(shù)一次，在開(kāi)始或結(jié)束時(shí)把多個(gè)連續(xù)的調(diào)用合并成一個(gè)簡(jiǎn)單的操作。

解決方案

使用一個(gè)命名函數(shù)：

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) ->
    # 只能在鼠標(biāo)光標(biāo)停止 300 毫秒后操作一次。
  300)

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

討論

可參閱John Hann的博客文章，了解JavaScript 去抖動(dòng)方法。