如何在 ASP.NET MVC 应用程序中组织 JavaScript 代码 [重复]

Question

我们要在视图页面上添加一些 Ajax 函数。比如说，单击删除或插入按钮，将调用一个 Action 在后台执行 CRUD 作业，然后在该操作后刷新项目列表。

在许多现有示例中，javascript 代码嵌入在<script> 标记内的视图页面中。因为通常一个视图可能需要许多功能。比如说，当插入一条记录时，会有一个函数来收集表单数据，验证数据（这部分可能很长），并通过$.ajax()调用动作。出于这个原因，我们正在考虑将所有这些 javascript 放入一个单独的 .js 文件中。

那么，这方面的专业做法是什么？我们应该将.js 文件与其Views 放在同一个文件夹下吗？还是应该将它们全部放入Script 文件夹并从那里引用？

我们应该为每个单独的视图创建单独的.js 文件还是将不同视图的所有.js 文件合并到一个大文件中？

此外，我们喜欢如何使用 #region 对 C# 代码进行分组以便折叠。 JavaScript中有类似的东西吗？它只是太容易变长了。

感谢您提供任何有用的建议。

Answer 1

我不会为此目的使用 Scripts 目录，因为所有默认的 JavaScript 文件（即 jQuery 和其他文件）都放在此处。我通常将 Content 目录用于我自己的 JavaScript（也包括 CSS 和图像）文件。

您可以在单独的文件夹中构建文件，例如您的视图（即 ~/Content/js/myviewfolder/somename.js）。

如果你想结构化你的 JavaScript 代码：你可以将独立的代码分成不同的文件，你可以让它处理到一个文件中。或者您可以将其分组为匿名的自执行代码块，然后您可以折叠这些块。除此之外，我没有想法。 （就个人而言，我会选择不同的文件（如果将不同的 JavaScript 文件构建到一个文件中，有多种方法。）