javascript - 複数の JS ファイルを 1 つのオブジェクトにラップする

Question

ここに投稿するのは初めてなので、よろしくお願いします....

私は初めて Web サイトを作成していますが、各 JavaScript ファイルを単一のオブジェクト内にラップし、関数を呼び出してプログラムを開始できるように、文章を簡素化することに興味がありました。

var window, document, AB = {};
AB.MAIN = (function() {

    var files = [
        "file1.js",
        "file2.js",
        "start.js"
    ],
    load = function (js) {
        var script, scripts,
            body = document.body;
        for (var i = js.length - 1; i >= 0; i -= 1) {
            script = document.createElement('script');
            script.src = js[i];
            body.appendChild(script);
        } 
    }(files);
        return {
            start: function () {
                    start();
            },
        }
    }());

window.onload = AB.MAIN.start;

そこで、メイン オブジェクトにファイルをロードさせ、「start」という関数を返します。それを window.onload で呼び出します。これを行うポイントは、すべてを 1 つの名前空間内に保持することでしたが、私は初心者なので、これが A) 達成したいことを実際に達成しているのか、B) 始めるのが良い考えなのか確信が持てませんでした。

.js ファイルのすべての関数は、実際には AB.MAIN オブジェクトに制限されていますか?