Question

In an existing Backbone/jQuery/CoffeeScript app I am working on, it appears there is a function (Backbone.Collection.fetch()) called multiple times (sometimes number may vary). I think it might be a timing thing as I am doing alot of nested callbacks (like AJAX etc) and its becoming hard to debug. I should probably try to convert the code to use jQuery deferred but in the mean time, what can I do?

Just tried walking through the code in Chrome, but it appears the code is jumping here and there, maybe its processing different callbacks at the same time?

I am thinking maybe I add a console.log to every function + its arguments, but there must be a better way?

Answer 1

You can add a stack trace to that fetch() function, and see where it’s being called from. There are a number of decent stack trace implementations for JS. I’ve had good success with
Eric Wendelin’s version, but there are plenty of others.

With the stack trace, perhaps you can at least see what the most common paths are into that function, and that might help narrow down where to search. It might even make clear the underlying culprit.