javascript - 普通 JavaScript 中的 MVC

Question

我现在真的很想以一种使其更具可扩展性和可管理性的方式组织我的代码。我想在不使用框架的情况下更好地理解 javascript 中的 MVC 架构。

到目前为止，这是我的理解(如果我错了，请纠正我):

型号:网站/网络应用程序内容的有组织结构(图片、副本、可下载内容等...)它还具有操作内容所需的逻辑。所以在 javascript 中，模型可以是一个 JSON 对象或对检索/更新数据库的 php 文件的调用，模型的逻辑可以是负责解析、正则表达式和组织内容的函数，以便可以将其传递去看风景？

View :用户界面和模型数据/内容的可视化表示。它的唯一工作是显示内容并接受用户输入(如果适用)？

Controller : Controller 的唯一工作是充当模型和 View 之间的中介吗？例如，如果 View 需要数据，它会询问 Controller ， Controller 然后去模型获取数据，然后将其发送回 View 吗？如果有任何用户输入， View 会将其发送到 Controller ，然后 Controller 将其发送到模型，模型随后会更新，此时 Controller 会通知 View 模型已更新？

MVC 一直是，现在仍然是我的困惑点，再加上 MVC 不是 javascript 中自然产生的东西(至少不像 php、java、actionscript 等... )

Answer 1

第一个事实是，在大多数情况下，View 和 Controller 非常接近。有时甚至是一样的。这不一定是坏事。如果你有一个表，选择一行，然后点击一个按钮，将更改所选行中的数据，该按钮显然将成为 View (你看到数据)和 Controller (你更改数据)。有更好的例子，我敢肯定...

第二个事实是，你会发现几乎有多少人就有多少关于 MVC 的意见 ;)

但就个人而言，我建议您不要盲目地遵循某些设计模式。 MVC 是设计代码的良好起点，但最终，您的代码需要快速、稳定和可维护。而且，您(和您的团队)必须对代码感到满意。如果您最终得到遵循 MVC 模式的代码，那很好。如果没有，也很好。至少那是我对此的看法。