javascript - ある JS ファイルを別の JS ファイルの前にロードする

Question

わかりましたので、約 10,000 行のコードを含む .js ファイルがあります。このコードは次のように分割できます。

1. サブオブジェクト定義
2. コンテナ オブジェクトの定義
3. 初期化コード (オブジェクトが定義された後)
4. プログラム機能

この 1 つのファイルを 4 つの個別のファイルに分割したいと思います。それらが絶対にその順序で宣言されなければならないことを考えると、どうすればこれを行うことができますか? 何を a にまとめる必要が$(document).ready()ありますか?

ファイルを分割して正しい順序で html にリンクすると、未定義オブジェクト エラーが発生します。こんなことも考えていました。でもそれでいいのかわからない…

2 番目の JS ファイル

function initializeContainers() {
    var containerObj1 = {
      bla: 'bla',
      bla2: 'bla2'
    },
    var containerObj2 = {
      bla: 'bla',
      bla2: 'bla2'
    };
};

最初の JS ファイル

$(document).ready(function() {
  function initializeSubObjects(callback) {
   var subObj1 = {
     somekey: 'somevalue',
     someke2: 'someothervalue'
   };
  callback();
  };
  initializeSubObjects(initializeContainers);
});

これが正しい方法であるかどうかはわかりませんか？ PS: script タグを動的に追加できることも知っています。しかし、それは良い習慣ですか？