单javascript文件与MVC

单javascript文件与MVC,javascript,model-view-controller,Javascript,Model View Controller,我刚刚进入应用程序开发阶段,它的风格似乎是使用MVC风格的编码,其中有app.js、controller.js和service.js等。我看到的所有代码笔都是一个HTML文件加上一个js文件。这两种风格有什么不同?将它们全部放在一个js文件中似乎更方便,但为什么有人会费劲地拆分代码呢?简单的回答是:Codepen是测试的沙箱,而不是应用程序开发的沙箱。对于一个简单的例子来说,将所有代码放在一个文件中可能很方便,但是一旦你必须滚动数千行意大利面代码,你很快就会改变主意。将代码放入单独的文件或模块是

我刚刚进入应用程序开发阶段,它的风格似乎是使用MVC风格的编码,其中有app.js、controller.js和service.js等。我看到的所有代码笔都是一个HTML文件加上一个js文件。这两种风格有什么不同?将它们全部放在一个js文件中似乎更方便,但为什么有人会费劲地拆分代码呢?

简单的回答是:Codepen是测试的沙箱,而不是应用程序开发的沙箱。对于一个简单的例子来说,将所有代码放在一个文件中可能很方便,但是一旦你必须滚动数千行意大利面代码,你很快就会改变主意。将代码放入单独的文件或模块是值得的;在转移到生产环境之前,您始终可以进行缩小。

您可以阅读关于该主题的非常好的文章:除此之外,这实际上是一个偏好问题。(例如Python框架
ball
将强调单文件的简单性)我不会说它是“MVC风格的编码”;这正是一些人带来的。例如,检查创建木偶的家伙对拥有models/model.js、collections/collection.js和诸如此类的东西的想法。毕竟,您可以决定js文件应该包含多少内容,并使用grunt build将所有内容打包到单个js文件中。您将了解为什么复制RubyonRails的“Models”、“Views”和“Controllers”文件夹名模式对于扩展JavaScript应用程序是错误的,以及如何纠正这种错误。谢谢,我将查看这些资源