使用 Angular 会带来很多奇怪的代码风格。比如我一直认为这个
<button onclick="myFunction()">Click me</button>
我不应该使用这种风格，除非我很懒惰并且想要快速而肮脏的代码。而且我从来没有在项目中使用过这种风格，我什至认为这很糟糕。
现在当我看到 angular
示例如下：
<div enter="loadMoreTweets()">Roll over to load more tweets</div>
从那里 http://www.thinkster.io/pick/IgQdYAAt9V/angularjs-directives-talking-to-controllers
本教程的风格很好。我不明白。那么这是否意味着前面的 onclick 示例也非常好？那么为什么至少这些天人们使用大量 jquery 时没有人使用它呢？
【问题讨论】：
标签： javascript angularjs coding-style
让我引用一本书 Angular，作者是 Brad Green 和 Shyam Seshadi
不显眼的 JavaScript 的想法已经被解释了很多方式，但基本原理 因为这种编码风格大致如下：
- 并非所有人的浏览器都支持 JavaScript。让每个人都可以看到您的所有内容并使用您的应用程序，而无需在应用程序中执行代码 浏览器。
- 有些人使用不同的浏览器。使用屏幕阅读器的视障人士和一些手机用户无法使用 使用 JavaScript 的网站。
- Javascript 在不同平台上的工作方式不同。 IE 通常是这里的罪魁祸首。您需要放入不同的事件处理 代码取决于浏览器。
- 这些事件处理程序引用全局命名空间中的函数。当您尝试集成其他库时会令您头疼 具有相同名称的功能。
- 这些事件处理程序结合了结构和行为。这会使您的代码更难维护、扩展和理解。
在大多数情况下，当您以这种风格编写 JavaScript 时，生活会变得更好。 但也有一点不好，那就是代码的复杂性和 可读性。 而不是用 它们作用的元素，您通常必须为这些元素分配 ID， 获取对元素的引用，并设置事件处理程序 回调...
...
在 Angular 中，我们决定重新审视这个问题。
自从这些概念诞生以来，世界已经发生了变化...
... 对于大多数内联事件处理程序 Angular 有一个等价的形式 ng-eventhandler="expression" 其中 eventhandler 将被替换为 单击、鼠标按下、更改等。如果您想在何时收到通知 用户点击一个元素，你只需使用 ng-click 指令 像这样：
<div ng-click="doSomething()">...</div>你的大脑是否在说“不，不，不！糟糕，糟糕，糟糕！”？好消息是 你可以放松一下。
这些指令与其事件处理程序的前身不同之处在于 他们：
- 在每个浏览器中的行为都相同。 Angular 会为您处理差异。
- 不要不要对全局命名空间进行操作。您指定的表达式可以
要了解更多详情，请阅读本书：http://www.amazon.com/AngularJS-Brad-Green/dp/1449344852
扩展
在cmets的讨论之后，我想补充一点。
如此处所述：Wikipedia - AngularJS:
Angular 是一个框架，其目标是通过 model–view–controller (MVC) 功能增强基于浏览器的应用程序，在努力使开发和测试更容易
Model–view–controller，来自维基百科的简短摘录：
总结：
这里最重要的部分是，View 可以将 Controller 的操作发布给用户。这正是 HTML 中的函数调用所代表的。
【讨论】：
这是个误会：
使用 Angular 会带来很多奇怪的代码风格。比如我一直认为这个
<button onclick="myFunction()">Click me</button>我不应该使用这种风格，除非我很懒惰并且想要快速而肮脏的代码。而且我从来没有在项目中使用过这种风格，我什至认为这很糟糕。
如果您可以决定在呈现 HTML 代码时将哪个事件处理程序附加到按钮，那么使用这种代码风格是完全有效的。使用 jQuery，我们看到许多动态附加的事件处理程序，因为很多时候元素本身是动态插入的，或者是否附加事件侦听器或附加什么是动态决定的。
【讨论】：