JavaScript'te bir Ad Alanı/Sınıf tipi yapı oluşturmanın en zarif yolu

Question

Kodumu Namespace/Unit gibi nesneler gibi sarmalamanın en zarif yolunu sağlayacak bir yönteme yerleşmeye çalışıyorum. Örneğin, Google Haritalar API'sının var a = Google.Maps.Foo(); olduğunu düşünüyorum. (Doğru terim ise)

Ben de enclose-jQueryNo Conflict$ işareti bunu istiyorum.

Şimdiye kadar sevme duyuyorum:

// 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)); 

herkes potansiyel sorunlara işaret bu genişletmek, ya da sadece genel olarak daha iyi bir metodoloji sunabilir mi?

Answer 1

Kontrol bu JavaScript Module Pattern ve bu Learning JavaScript Design Patterns

Modül örnek:

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(); 

Sınıf örneği:

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();