jquery構造 - ファイルごとに1つの関数

Question

私は主にC＃プログラマーです。私は最近、いくつかのjquery開発に取り掛かっています。私がC＃でアプリケーションを開発しているときに、私が作成する新しいクラスごとに新しいクラスファイル（.cs）を作成します。

人々はどのようにして一般的にjquery/javascriptアプリケーションを構築しますか？ページ間でいくつかの機能を再利用したいので、各機能を独自の.jsファイルに入れていますか？同様の機能をファイルにまとめるのがベストプラクティスですか？私は個々のファイルをページにインポートするための呼び出しをたくさん作成するので、それぞれのファイルを自分のファイルに置くことはできません....

他の人がどのようにこのような状況を処理していますか？ ご意見ありがとうございます。

EDIT - 私はQUnitで単体テストを見始めており、単体テストをより容易にするためにプロジェクトの適切な構造を持っていることがうまくいくと考えていたはずです。

Answer 1

私は一般的に、すべてのプラグインをパースペクティブファイルに保存しますが、私が作成する機能は、サイト全体が引き出す "global.js"ファイルに配置される傾向があります。次に、特定の機能が必要なときに特定のファイルを取り込むことについて心配する必要はありません。それはすべて世界に広がります。

Answer 2

すべてを1つのファイルに入れます。複数のHTTPリクエストはビッグファイルよりも高価です。さらに、必要な機能を含むファイルがすでにロードされていることが保証されます。

Answer 3

これらのファイルをすべて別々のファイルに入れている場合は、1つ（またはほんのわずか）のファイルに結合して最小化するビルドスクリプトを用意して、ブラウザにダウンロードする500個のJavascriptファイル。

Answer 4

あなたの共通の機能をutil.jsファイルに入れ、機能に応じてJavaScriptコードを整理することをお勧めします。

しかし、多くのjsファイルをすべてのページに含めることはお勧めできません。そのため、ファイルを1つのファイルにまとめ、その最終jsファイルを縮小することを検討してください。これにより、単体テスト機能を個別に実行できるようになりながら、最終製品を最適化することができます。