CoffeeScript 中的 Backbone.js setTimeout() 循环

Question

似乎我尝试的每一种方法都会引发某种错误。我的代码现在如下所示：

runShow: ->
  moments = @model.get('moment_stack_items')
  if inc == moments.length
    inc = 1
    pre = 0
  $("#" + moments[pre].uid).hide("slide", { direction: "left" }, 1000)
  $("#" + moments[inc].uid).show("slide", { direction: "right" }, 1000)

  inc += 1
  pre += 1

  console.log "looping" + inc
  t = setTimeout(this.runShow(),2000);

我在事件中调用该函数。 我在 Backbone.View 之外定义了 inc = 1 和 pre = 0 。我当前的错误是“Uncaught TypeError: Object [object DOMWindow] has no method 'runShow' ”
奖励积分：如何从另一个函数引用 t （以运行我的clearTimeout(t)）？

Answer 1

您要求 setTimeout 函数计算 "this.runShow()"，setTimeout 将在 window 上下文中执行此操作。这意味着在计算此代码时，this 是window 对象。

为了避免这种情况，您可以创建一个函数并将其绑定到当前上下文，以便每次调用该函数时，this 与创建该函数时相同。

在咖啡脚本中，您可以使用 =>：

func = =>
    this.runShow()

setTimeout(func, 2000)

或者在一行上：

setTimeout((=> this.runShow()), 2000)

如何从另一个函数引用 t？

使 t 成为对象的属性：

class Something
    t: null
    runShow: ->
       ...
       this.t = ...
    otherFunction: ->
       t = this.t