Javascript web开发环境中的MVC组件是什么？

我试图理解什么是MVC，为什么它有用，以及我是否应该使用它

在动态网站的上下文中，模型、视图和控制器是什么？我以前见过这些例子，它们是正确的还是只有一个是正确的

• 模型：HTML，视图：CSS，控制器：Javascript
• 模型：数据库，后台处理；视图：HTML、CSS、Javascript； 控制器：HTTP（GET/POST）、URL
• 模型：数据库；视图：HTML、CSS、Javascript；控制器：后端 加工

---

在web开发中还有其他MVC的例子吗？

这是一个非常模糊的问题，但这里有一个概括

• 控制器（JavaScript）：侦听单击并通知模型/视图模型上的方法
• 模型（JavaScript）：它封装了从数据库、公共API等源序列化/反序列化数据的方法
• ViewModel（JavaScript）：它处理模型中的格式化数据，以供视图显示（例如，漂亮的格式化名称、电子邮件、数字等）
• 查看（HTML+CSS）：这是用户看到的。它显示视图模型描述的信息，并分派控制器侦听的事件

---

至于它为什么有用：它有助于构建代码和分离关注点。分离关注点很好，因为它可以帮助您编写更精简、更专注的自动化测试。如果操作正确，您将能够使用其他组件的存根/模拟版本测试每个单独的组件。