[2

最近几个月见证了有关最佳JavaScript事件处理的重大讨论。 Google的JSACTION库和即将推出的Ecmascript 7 Object.Observe（）方法（在Chrome 36和Node.js Harmony中已经支持）为这场辩论加剧了这一辩论。 本文探讨了各种事件处理模式，权衡了它们的优势和缺点。 [2

此Google库将事件从其管理中解释逻辑，部分将其转移到HTML。 这旨在减轻特定于浏览器的错误，通过减少全局范围污染来提高性能并最大程度地减少内存泄漏。

声明框架（Angular，React，Ractive）：这些框架强制执行MVC模式，集成数据结合和事件直接在DOM元素中，以增强可维护性和性能。 事件处理进化：

，以解决全局范围验证污染和XSS漏洞。 诸如jQuery之类的库进一步简化和扩展事件管理。
• 性能和数据结合： object.observe（）和虚拟doms（用于react和ractive中）通过优化数据结合和UI更新，减少DOM操作可显着提高性能。
• 属性将逻辑移至HTML来解除事件和处理程序。在旨在提高性能并减少全球范围污染的同时，其复杂性和不足的用法可能超过许多项目的好处。 的增长趋势涉及将逻辑直接放在受影响的DOM元素中，而不仅仅是用于事件，而且还将数据处理。 诸如Angular，Ractive和React等框架强制执行MVC，从而通过模板实现数据结合和反应性编程。 这种方法虽然可能在某些情况下有可能提高可维护性，但需要仔细考虑以避免紧密耦合的演示和逻辑的陷阱。 属性）是常态，但是它的局限性（可读性，可维护性，全局范围污染，XSS漏洞）导致了
的采用。 像jQuery这样的库简化了此过程，改善了可扩展性和调试。 但是，如果未仔细管理闭合，尤其是在较旧的浏览器中，
• 。 声明框架提供了引人入胜的替代方案，通过虚拟DOMS（React，Ractive）或容器对象（Ember，Ember，Backbone，Ractive）等技术有效地管理数据结合和UI更新。 这些框架通常支持双向数据绑定，简化更新并保持DOM和应用程序逻辑之间的一致性。 这与需要明确操纵的更手动，命令的方法形成对比。
结论：
• 最佳JavaScript事件处理方法取决于项目细节。 虽然声明性框架在可维护性和性能方面具有很大的优势，但了解不同模式的权衡，包括JSACTION和object.observe（），对于做出明智的决定至关重要。 [2 Crockford在JavaScript上 - 第四集：Ajax的变形
• Google JavaScript样式指南 javaScript封闭

上 ractive和Angular

之间的区别 ember.js 中的容器和依赖关系

的数据结合旋转

本节包含了原始文本中提供的常见问题解答的摘要，这些文字为简洁而浓缩。 完整的解释可在原始文本中获得。

事件传播：捕获和冒泡。 stoppropagation（）[2 [2 预防默认操作： method。 正则表达式：使用

javascript设计模式：

错误处理：

[2 调试JavaScript： console.log（）