javascript - 实例变量变为未定义 - CoffeeScript

Question

class Game

  foo: null

  play: ->

    @foo = 2
    @animate()

  animate: ->

    requestAnimationFrame( @animate, 1000 )
    console.log('foo = ', @foo)


$ ->
  game = null

  init = ->

    game = new Game()
    game.play()

  init()

Game中animate方法中的日志产生:

富 = 2

foo = 未定义

因此 foo 在第一次调用 animate 时为 2，此后未定义。有人可以解释为什么以及如何解决这个问题。非常感谢任何帮助。

Answer 1

当您调用 setInterval 时，上下文丢失，第二次 @ 是 window。您需要粗箭头方法来保留适当的 this:

animate: =>