调试JS/CoffeeScript代码:事件,回调等

Debugging JS/CoffeeScript code: Events, Callbacks etc

本文关键字:事件 回调 代码 JS CoffeeScript 调试      更新时间:2023-09-26

最近我发现很难理解CoffeeScript/Backbone应用程序中发生的事情。如果没有非常缓慢的步骤,很难快速跟踪发生的事情。我认为问题是:我知道一个事件被触发(主干视图事件)。但我不知道哪个函数被调用了。可能不止一个。我甚至不知道view partial是否定义了事件(所以我不能设置断点?)

是否有一个调试器将程序的执行绘制成图形?这样我就可以放大我需要的东西,或者我可以用它来"可视化"我的代码执行。也许不是,如果我该注意什么呢。我不确定我需要在哪里放置一个断点,因为我不知道在哪里触发一些事件。然后有时我发现很难理解为什么代码步骤可能跳跃这里和那里,也许它的多个事件和他们的处理程序执行?

Backbone中的所有内容(视图、模型、集合、路由器)都扩展了Backbone. events。这意味着它们有一个_events属性,包含每个绑定事件(例如change)和一个订阅者数组。

为了访问这个,打开你的javascript控制台在chrome, firefox或safari(或任何东西,但IE),并输入一个全局可访问的实例化对象的名称与。_events在最后。例如

products._events

按下回车键后,您应该可以展开它,查看已发布和订阅的内容。