मैंने इस जावास्क्रिप्ट पैटर्न का उपयोग करना शुरू कर दिया है। क्या इसमें कुछ गड़बड़ है?

Question

मैंने जावास्क्रिप्ट में इस पैटर्न का उपयोग करना शुरू कर दिया है। मुझे यकीन नहीं है कि अगर मैं इसके बारे में विशेष रूप से पढ़ता हूं, या अगर मैंने इसे एक दिन स्वीकार किया है।

प्रारूप है ...

var name = (function() { 

    var init = function() { 
     // Init something 
     $('a').click(show); 
    }; 

    var show = function() { 
     // Show something 
    }; 

    $(init); 

})(); 

और यहाँ एक वास्तविक दुनिया उदाहरण है ...

var contactForm = (function() { 
    var init = function() { 

     if (! $('body').hasClass('contact')) { 
      return; 
     }; 

     var form = $('.contact #content form'); 

     form.validate({ 
       rules: { 
        'full-name': { 
         required: true 
        },  
        'email': { 
         required: true, 
         email: true 
        },  
       }, 
       messages: { 
        'email': { 
         email: 'Please make sure this email is valid.' 
        } 

      } 
      }); 

    }; 

    $(init); 

})(); 

क्या इस के साथ गलत है?

Answer 1

नहीं। मैं वास्तव में लगभग एक ही चीज़ करता हूं, लेकिन आप के बजाय $(init) क्यों कॉल कर रहे हैं?

Answer 2

कोई यूयूआई वास्तव में इसे मॉड्यूल पैटर्न कहता है और इसे अपने कोड के बहुत से उपयोग करता है।

आप अज्ञात फ़ंक्शन के भीतर भी निम्न कार्य कर सकते हैं।

name = new init(); 

Answer 3

आईआईएफई (तुरंत आमंत्रित फ़ंक्शन अभिव्यक्ति) के रूप में लिखी एक jQuery प्लगइन की तरह दिखता है। आपको वास्तव में var name = (अतिरिक्त वैश्विक चर) की आवश्यकता नहीं है और jQuery ऑब्जेक्ट में गुजरना $.noConflict() के मामले में सबसे अच्छा अभ्यास है। इस और अन्य रोचक जानकारी के लिए बेन आलमैन की jquery-plugin-authoring बात करें।

(function($) { 

    var init = function() { 
     // Init something 
     $('a').click(show); 
    }; 

    var show = function() { 
     // Show something 
    }; 

    $(init); 

})(jQuery);