如何/何時/何處包含外部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檔案的大小.一個快速簡單的方法是這樣做：

ofollow,noindex" target="_blank">http://www.minifyjavascript.com/