2

JavaScript アプリケーションでコードを整理するためにいくつかの異なる方法を試してきましたが、どれが最も適切なのか疑問に思っています。

最初の例:

var Application = {

    init: function() {
        //Some code
        Calculate();
    },

    Calculate: function() {
        //Some code
    }
};

2 番目の例:

(function() {

    function init() {
        //Some code
        Calculate();
    }

    function Calculate() {
        //Some code
    }

})();

3 番目の例:

(function() {

    var init = function() {
        //Some code
        Calculate();
    };

    var Calculate = function() {
        //Some code
    };

})();

それとも、優先される他の方法ですか？私はこれについて非常に混乱します。前もって感謝します！

4

1 に答える 1

4

答えは、間違いなく「場合による」です。アプリケーションの規模はどのくらいですか? 常にすべてのモジュールが必要ですか? アプリはどの程度スケーラブルで再利用可能である必要がありますか? これらは JavaScript に関する具体的な質問ではなく、「アーキテクチャ」に関する質問です。JavaScript の基礎を学ぶのは比較的簡単ですが、ソフトウェア開発の優れたアーキテクトになるには何年もかかります。（ただし、これらの質問をしているのは素晴らしいことです。）

プログラミング パターンに飛び込むことをお勧めします。パターンの学習とは、特定のアプリケーションに応じて、アプリケーションを正しい方法で構造化することを学習することです。

最初の例と2番目の例の組み合わせは、開始するのに適した場所であると言えます（オブジェクトリテラルをラップして返す即座に呼び出される関数式）。これは、クロージャーを介してある程度のプライベート スコープを提供し、モジュール パターンと呼ばれます。このパターンは、その汎用性と優雅さから、ほぼすべての主要な JS アプリケーションとライブラリである程度使用されていることがわかります。

JavaScript パターンの詳細については、Addy Osmani の「Learning JavaScript Design Patterns」を強くお勧めします。こちらから無料で読むことができます: http://addyosmani.com/resources/essentialjsdesignpatterns/book/

于 2012-09-15T01:04:20.233 に答える