0

大規模な共有 js ドキュメントを構造化する方法をいくつか見てきましたが、どのアプローチに従うべきかを理解しようとしています。

関連性のない関数呼び出しが多数含まれる Web プロジェクトで採用されているアプローチの 1 つは、各呼び出しを共有親オブジェクトのメソッドとして定義することです (グローバルを最小限に抑え、ネームスペースをシミュレートします)。

var parentObj = {
    someMethod: function() {
        $('.slideshow').animate({});
    },
    someOtherMethod: function() {
        $('.accordian').on('click', function() {
            console.log('etc, etc');
        });
    }
};

私が見た別の方法は、親関数を使用することです。

var parentFunc = function() {
    this.someMethod = function() {
        $('.slideshow').animate({});
    };

    this.someOtherMethod = function() {
        $('.accordian').on('click', function() {
            console.log('etc, etc');
        });
    };
};

そして、必要に応じて必要なメソッドを初期化します。

$(document).ready(function() {
    parentObj.someMethod();
    parentFunc.someOtherMethod();
});

質問:

JavaScriptドキュメントを構造化するこれら2つの方法の間に操作上の違いはありますか?

一方は他方よりも優れた(またはより一般的に受け入れられている)慣行ですか?

コードの再利用に関して、どちらか一方を使用する利点はありますか (2 番目のスライドショーやアコーディオンなど、メソッドの新しいインスタンスをインスタンス化するなど)?

4

1 に答える 1