javascript - 内联事件处理器实践javascript

Question

我正在阅读 Mozilla 上的事件，这里讨论的是“内联事件处理程序”，这些不应使用，被认为是一种不好的做法。

例如

<button onclick="bgChange()">Press me</button>

但是，在 Angular 这样的框架中，我们会做类似的事情:

<my-component (click)="onClick($event)"></my-component>

这是否与 Mozilla 在这种情况下认为的不良做法不矛盾？

如果这个问题需要在其他部分提出，请告诉我。

Answer 1

这是一个“关注点分离”的问题，一般把你的组件分离成一个文件，然后里面就包含那个组件的“控制”。

Angular 指令基本上是在您的模板中构建的想法。

在没有此类功能系统(如 Angular )的情况下将其内嵌到 html 中类似于在 javascript 中编写整个 html 模板——不好，除非你有一个系统可以帮助你做到这一点。

基本上，如果没有 Angular ，你应该“将你的 javascript 保留在你的 javascript 中”和你的“html 在你的 html 中”。

在

进一步了解 MVC 和关注点分离

https://www.safaribooksonline.com/library/view/programming-javascript-applications/9781491950289/ch05.html

Angular’s controllers might remind you a lot of models from other MVC implementations, if you’re a follower of the “fat models, skinny controllers” approach.