JavaScriptでネームスペース/クラス型構造を作成する最もエレガントな方法

Question

Namespace/Unitのオブジェクトにコードをラップする最もエレガントな方法を提供する方法を解決しようとしています。例えば、Google Maps APIのvar a = Google.Maps.Foo();は、私は非常にきれいだと思います。

（つまり、右項の場合）私も同封にjQueryNo Conflict$記号を、それをしたいと思います。

これまでのところ私は好きいます：

// Top level container for sub objects 
var myApp = myApp || {}; 

// An object to be held in myApp  
(function(skillet, $, undefined) { 

    //Private Property 
    var isHot = true; 

    //Public Property 
    skillet.ingredient = "Bacon Strips"; 

    //Public Method 
    skillet.fry = function() { 
     var oliveOil; 

     addItem("\t\n Butter \n\t"); 
     addItem(oliveOil); 
     console.log("Frying " + skillet.ingredient); 

     return "Fried!"; 
    }; 

    //Private Method 
    function addItem(item) { 
     if (item !== undefined) { 
      console.log("Adding " + $.trim(item)); 
     } 
    } 

}(window.myApp.skillet = window.myApp.skillet || {}, jQuery)); 

は、誰もが潜在的な問題を指摘し、この上で展開する、または単に一般的に、より良い方法を提供することはできますか？

Answer 1

チェックこのJavaScript Module Pattern このLearning JavaScript Design Patterns

モジュール例：

var MyModule = (function($){ 
    var MY_CONSTANT = 123; 

    var _myPrivateVariable = 'TEST MEH'; 
    var _$myPrivateJqueryObject = $('div.content'); 

    var _myPrivateMethod = function(){ 
    alert('I am private!'); 
    }; 

    var myPublicMethod = function(){ 
    console.log('Public much?'); 
    } 

    return { 
     myPublicMethod : myPublicMethod 
    }; 

})(jQuery); 

MyModule.myPublicMethod(); 

クラス例：

function Person(name, age){ 
    this.name = name || ''; 
    this.age = age || -1; 
} 

Person.prototype.greet= function(){ 
    console.log('Hi! My name is' + this.name + '. Old ' + this.age + ' I am.'); 
} 

var person = new Person("John", 12); 
person.greet();