如何/何时/何处包含外部javascript

我正在寻找一些建议,以最好的方式来保存我的JavaScript(jQuery)功能.

我正在开发MVC /剃须刀,因此有一个布局页面.我将jQuery库和一个外部JavaScript文件包含在这里,以便在每个页面都可以使用.

这是很好的工作,但我现在变得非常清楚,我现在在每个页面中添加了近300行JS,其中一半可以在这些页面中使用.

一个函数不在外部文件中,而是位于HTML内部,因为我需要使用我的剃刀代码中设置的变量.

我有几个关于这个安排的问题：

>当使用使用razor设置变量时,将JS放在HTML内部是否可以接受？将变量传递到外部js文件中似乎没有一个干净的方法

>我应该将我的功能分解为单个JS文件,只需包括网站中每个页面所需的内容即可.

>如果我把它们分割成多个文件,那么这个工作与jQuery的(文档).ready？如果要使用我包含的所有JavaScript,我需要使用它吗？

我相信这会比黑白答案更多是一个意见问题,但我想考虑我的所有选择,然后继续.即使它工作正常,我不禁感到有一个更好/更清洁的方式.

记住一旦用户登陆您的主页,并加载将被缓存在浏览器中的JavaScript文件,以便后续页面不会再次下载Javascript.

我一定会保持js分开,你可以在每个页面上都有一个代码片段来初始化该特定视图需要的JS.在需要运行JS的视图中放入下面的东西

$(document).ready(function() {
    mysite.mypage();
});

那么函数mysite.mypage()可以在外部JS文件中定义.

300线不是世界的尽头,我会说它可能为时过早,不要担心优化.

您可以随时查看缩小JS文件的大小.一个快速简单的方法是这样做：

http://www.minifyjavascript.com/