请解释MVC中用于javascript的VC

请解释MVC中用于javascript的VC,javascript,model-view-controller,Javascript,Model View Controller,这真让我沮丧。我正在尝试构建一个没有库的自定义JavaScript应用程序。这主要是为了让我更好地学习核心JavaScript和JavaScript模式。我试图实现MVC结构,并且我分别理解各个部分,但就我的一生而言,我不知道如何将视图和控制器连接在一起。例如,如果我有以下代码: <div> <button id="button1">Click Me</button> <button id="button2">Click Me<

这真让我沮丧。我正在尝试构建一个没有库的自定义JavaScript应用程序。这主要是为了让我更好地学习核心JavaScript和JavaScript模式。我试图实现MVC结构,并且我分别理解各个部分,但就我的一生而言,我不知道如何将视图和控制器连接在一起。例如,如果我有以下代码:

<div>
    <button id="button1">Click Me</button>
    <button id="button2">Click Me</button>
    <button id="button3">Click Me</button>
</div>
这似乎不是很有效,尤其是在尝试使用MVC结构时。有没有一种更为流畅的方法,哪怕是一些不同的设计模式,我都可以遵循,来编写没有库的核心JavaScript?我在网上搜寻文章,但我找到的所有东西都很大程度上依赖于图书馆

任何书籍、教程、博客帖子或诸如此类的东西都能清楚地解释这一点,我们非常感谢。谁知道一旦我掌握了窍门,也许我会为大众写一本关于它的书


再次感谢社区的帮助

我真的不明白“MVC JavaScript应用程序”的意思。JS只是Web应用程序V的一部分

如果您希望您的代码在多个浏览器上运行,jQuery就是一个不错的选择

但是,我承认,当您不能使用库并且必须编写简单、纤细、纯粹的js核心代码时,存在一些有效的情况。了解编程语言的核心,然后学习该语言的库/框架也是一个好主意

现在,我不知道你对js了解多少。我一直很喜欢w3schools教程,你在那里学到了很多基础知识。对于js,请参见:

如果你从那里了解了一切,并且你的目标是获得更高级的js技能,那么你将不得不进一步挖掘:

-很好的教程,介绍了关于js的一些知识(对象、原型继承、声明和概念等)

-关于真实情况的非常实用的教程,有很好的解决方案

-有趣的js提示和技巧

-与学习js没有直接关系,但必须知道您是否打算在不同的浏览器中使用js


希望这将有助于

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

首先,我会递归地解析DOM,检索每个标记,然后将它们关联到调用click_事件通用(和全局)函数的简单click事件代码,并将按钮id作为参数,以具有标识按钮的单个入口点

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


您还可以进一步使用两个参数:objectId或reference和事件类型。这与许多基本GUI上的触发事件非常相似。

当然,文章所依赖的库中至少有一个是开源的?在这种情况下,我的建议是看看他们如何解决同样的问题。虽然我对自己编写脚本的努力表示赞赏,但有时最好的学习方法是了解其他人是如何解决问题的。jQuery是一个JavaScript库。我认为OP的目标是主干或淘汰
$('#button1').click(function(){
       //go to google.com
});

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

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