javascript - 请解释MVC中的VC for javascript

Question

这真的让我很沮丧。我正在尝试构建一个没有库的自定义 JavaScript 应用程序。这主要是为了让我更好地学习核心JavaScript和JavaScript模式。我正在尝试实现 MVC 结构，并且我分别了解各个部分，但对于我的生活，我无法弄清楚如何将 View 和 Controller 连接在一起。例如，如果我有这段代码:

<div>
    <button id="button1">Click Me</button>
    <button id="button2">Click Me</button>
    <button id="button3">Click Me</button>
</div>

我究竟该如何编写一个 controller.js 文件来监听每个按钮的点击并做出响应。特别是如果每​​个按钮的作用都与其他按钮完全不同。假设 button1 只是链接到 google.com，button2 打开一个模式框，button3 更新一个数据库表。所以每个人都在做完全独立的事情。我试图避免的是使用 jQuery 来做这样的事情。

$('#button1').click(function(){
       //go to google.com
});

$('#button2').click(function(){
       //open modal box
});

$('#button3').click(function(){
       //update database
});

这似乎不是很有效，尤其是在尝试使用 MVC 结构时。有没有更流畅的方法，甚至我可以遵循一些不同的设计模式来编写这是没有库的核心 JavaScript？我在网上搜索文章，但我找到的所有内容都在很大程度上依赖于图书馆。

非常感谢任何书籍、教程、博客文章或任何能够清楚解释此类内容的类似内容。谁知道一旦我掌握了它，也许我会为大众写一本关于它的书。

再次感谢社区的帮助。

Answer 1

您正在使用 Javascript 编写应用程序，遵循 MVC 设计模式，理解核心 javascript 是个好主意，因为您将不得不在 js 上调整现有的设计模式:)

一开始我会递归地解析 DOM，检索每个标签，然后将它们关联起来，然后将它们关联起来识别按钮。

然后此通用方法(事件入口点)必须为操作选择并启动适当的 Controller 。

您还可以使用 2 个参数更进一步:objectId 或引用，以及事件类型。这与您在许多基本 GUI 上发现的触发事件非常相似。