JQuery:使用 Javascript 事件作为内联属性是个好主意吗？

Question

在阅读有关 JQuery 最佳实践的内容时，我最近读到了以下内容:

切勿将 Javascript 事件包含为内联属性。这种做法应该从你的脑海中彻底抹去。

<a onclick="doSomething()" href="#">Click!</a>

这是为什么呢？这是解释吗？就我个人而言，我发现当您需要动态设置事件或将事件设置为 div 时，JQuery 是最好的。否则，它允许更清晰的代码，因为内联属性始终可以调用您选择的方法。

顺便说一句，有问题的文章: http://www.smashingmagazine.com/2008/09/16/jquery-examples-and-best-practices/

Answer 1

我同意这篇文章的原因之一是它涉及代码之间的层分离。内联代码会导致代码草率且难以维护。通过包含脚本文件，您可以减少用于更改代码/清理代码/修复错误的时间。如果内联函数 doSomething() 在您的项目中变得非常流行，那么将其嵌入到每个页面中可能会是一场噩梦。

我承认我有时会反对这一点，但它过去曾困扰过我。我不能说我会 100% 完全改变我的习惯，但这是一个很好的编程实践。但这并不是我认为错误的事情。有数以百万计的商店仍在这样做，他们很可能在 10 年后这样做。每个人都有自己的。