Question

I am trying to create a custom event for my model but apparently the custom event get triggered no matter what unless I use “anonymous” function definition as a callback

Here is the pseudo code of my app structure

//Router
initialize: ->
  this.user = new User()
  this.view = new View({model:this.user})
  this.view.render()

//View
initialize: ->
  //This event binding get triggered no matter what
  //this.model.on("custom:event", this.triggerMe(), this) 

  //This works properly. Only triggered when I call model.trigger("custom:event")
  this.model.on("custom:event", function(){console.log("I WORK!!");}))

triggerMe: ->
  //I GET TRIGGER NO MATTER WHAT

Answer 1

you are invoking a function here:

this.triggerMe()

it should be this.triggerMe

this.model.on("custom:event", this.triggerMe, this)

Adding () or .call() or .apply() is invoking a function not a reference to it.