वर्तमान नामस्थान/कक्षा के अंदर जावास्क्रिप्ट उप नेमस्पेस/कक्षा के लिए वाक्यविन्यास क्या है?

Question

मैं हाल ही में जावास्क्रिप्ट के साथ बहुत काम कर रहा हूं और कुछ बड़े फ़ंक्शन संग्रह बनाए हैं। मुझे उप-कार्यक्षमता की आवश्यकता है जो मैं मुख्य पुस्तकालय से अलग करना चाहता हूं फिर भी मुख्य पुस्तकालय में शामिल किया गया है लेकिन अभी तक ऐसा करने के लिए एक शानदार तरीका नहीं मिला है।

यहाँ है कि मैं इस समय का उपयोग

तो मैं आमतौर पर सेटअप मेरी मुख्य पुस्तकालय इस

// Main library 
var animals = function(settings){ 
    // Main library stuff 
} 

की तरह उप वर्गों/उप कार्यक्षमता कि अलग से, लेकिन अभी भी समझाया है जोड़ने के लिए उदाहरण के एक जोड़े हैं मुख्य पुस्तकालय का हिस्सा ...

ऑब्जेक्ट शाब्दिक नोटेशन

का उपयोग करने वाला यह पहला तरीका है

animals.prototype.dogs = { 
    addDog: function(){ 
     // Can only access the dogs object 
     var test = this; 
    }, 
    removeDog: function(){} 
} 

// Usage of the whole thing 
var animalsInstance = new animals({a: 1, b: 3}); 
animalsInstance.dogs.addDog(); 

जबकि मुझे वास्तव में इसका वाक्यविन्यास पसंद है, मैं वास्तव में इसका उपयोग कभी नहीं कर सकता क्योंकि कुत्ते के ऑब्जेक्ट के अंदर किसी भी कार्य के अंदर जानवरों के उदाहरण का संदर्भ देने का कोई तरीका नहीं है। तो मैं एक स्थानापन्न के रूप इस अंकन के साथ आया था

animals.prototype.dogs = function(){ 
    var parent = this; 
    return { 
     addDog: function(){ 
      // The animals instance 
      var test = parent; 
      // The dogs instance 
      var test2 = this; 
     }, 
     removeDog: function(){} 
    } 
} 

// Usage 
var animalsInstance = new animals({a: 1, b: 3}); 
animalsInstance.dogs().addDog(); 

हालांकि अब मैं कुत्तों कार्यों मैं क्या वास्तव में नहीं थोड़ा hacky तरह से मैं की तरह के सभी उप कार्यक्षमता अंदर से जानवरों उदाहरण के लिए उपयोग कर सकते हैं मैंने इसे किया क्या किसी को भी क्लीनर विधियां मिली हैं?

Answer 1

शायद आपके कुछ इस तरह की तलाश में ...

यह आपको निम्न सिंटैक्स tinyFramework.Utilities.Storage.setItem() tinyFramework.Elements.Modals.createModal()

है करने की अनुमति देगा

var tinyFramework = { 

    Utilities: { 
     Storage: { 
      setItem: function(){ 
      //do stuff 
      }, 

      getItem: function(){ 
      //do stuff 
      } 
     }, 
     Helpers: { 

     } 
    }, 

    Elements: { 

     Modals: { 

      createModal: function(){ 
      }, 
      closeModal: function(){ 
      } 
     } 
    } 
}