Java2Js: उपकरण और टेम्पलेट

ऐसा लगता है कि जेएस "सिर्फ एक स्क्रिप्टिंग भाषा" है जिसमें मैं कोड की गुणवत्ता के बारे में वास्तव में चिंता किए बिना, पेज पर आवश्यक सुविधाओं को जल्दी से जोड़ूंगा। यह एक बार सच था। यहां तक ​​कि वर्तमान जेएस और एचटीएमएल मानक आमतौर पर इस दर्शन का पक्ष लेते हैं।
लेकिन समय बदल गया है! अब Js पर वे जटिल और भ्रामक वेब एप्लिकेशन बनाते हैं जो बस मदद नहीं कर सकते हैं लेकिन अपने "बड़े भाइयों" (जावा, सी #, आदि में लिखे गए सर्वर एप्लिकेशन) की समस्याओं का सामना कर सकते हैं। तो, "स्पेगेटी कोड" की हजारों लाइनों में फंसने के लिए नहीं, आपको "बस एक स्क्रिप्ट" के दर्शन को त्यागने की आवश्यकता है। आपको जेएस को एक उपकरण के रूप में लेने की आवश्यकता है जिसके साथ आपको एक जटिल, मॉड्यूलर और स्केलेबल सिस्टम बनाने की आवश्यकता है।

"गंभीर भाषा, गंभीर कार्यों के लिए" के नए दर्शन के हिस्से के रूप में, मैं जावा डेवलपर द्वारा जेएस दुनिया के बारे में छोटे लेखों की एक श्रृंखला शुरू करना चाहता हूं। चलो उपकरण और विभिन्न विकास पैटर्न के साथ शुरू करते हैं।

1. अच्छी IDE

नोटपैड के माध्यम से जेएस में खुदाई करने में समय बर्बाद न करें। गंभीर कोड के लिए, आपको एक गंभीर आईडीई की आवश्यकता है। यदि आप IDEA में बैठे हैं, तो js समर्थन पहले से ही बॉक्स से बाहर है, लेकिन क्या होगा यदि आप ग्रहण का उपयोग करते हैं? इस मामले के लिए नेटबीन्स अप्रत्याशित रूप से संपर्क करता है। हाँ, हाँ, इस IDE में सभ्य Js का समर्थन है! बस इसे एक्लिप्स के समानांतर में चलाएं और इसमें जावा स्रोतों को न जोड़ें, बल्कि जेएस, सीएसएस और एचटीएमएल (जेएसपी) वाले फ़ोल्डर।

2. लॉगिंग

क्या आप लॉग इन किए बिना अपने सर्वर कोड की कल्पना कर सकते हैं? तो फिर, बिना लॉग के ग्राहक कोड कैसे प्रस्तुत किया जा सकता है? लॉगिंग लाइब्रेरी का उपयोग करें जो विभिन्न ब्राउज़रों का समर्थन करती है। उदाहरण के लिए, log4javascript ।

3. डिबग

यहां सब कुछ स्पष्ट है। फ़ायर्फ़ॉक्स के लिए हम फायरबग, ओपेरा और क्रोम में निर्मित डिबगर्स का उपयोग करते हैं।

4. वैश्विक कार्यों की अस्वीकृति

एक वैश्विक संदर्भ में Js का बहुत निपटान किया जाता है। लेकिन हम जानते हैं कि एक बड़े अनुप्रयोग में प्रतिरूपकता की आवश्यकता होती है, सरल पृथक संदर्भों की आवश्यकता होती है। इसलिए, ओओपी को याद रखें: तर्क को अलग-अलग वर्गों में अलग-थलग करें, और इसे दर्जनों वैश्विक कार्यों में न फैलाएं जिन्हें कहीं से भी बुलाया जा सकता है, और जिसे एक ही नाम से फ़ंक्शन बनाकर गलती से अवरुद्ध किया जा सकता है।

"वर्ग" में तर्क को अलग करने का एक उदाहरण:

/** *  javadoc    * @param {String} str -      */ NoteDocument = function(str){ //     var self = this; //  var data; //  this.init = function(){ parse(str); }; //  function parse(str){ ... } }; 

उदाहरण क्या है:

 var doc = new NoteDocument("hello!"); doc.init(); 

जावा कोड की याद दिलाता है, है ना? :)

5. संकुल का उपयोग

भाषा में कोई पैकेज समर्थन नहीं है। अफसोस। इसलिए आपको किसी तरह की लाइब्रेरी का इस्तेमाल करना होगा।
ऐसे पुस्तकालय का एक उदाहरण:

 function namespace(){}; /** * create new namespace if it is not exist * @param newNamespace string namespaces like "aaa.dddd.fff" */ namespace.prototype.useNamespace = function(newNamespace){ var namespaces = newNamespace.split("."); if (!this[namespaces[0]]){ this[namespaces[0]] = new namespace(); } if (namespaces.length > 1){ this[namespaces[0]].useNamespace(newNamespace.substring(namespaces[0].length+1)); } }; 

अगला, एप्लिकेशन में, रूट पैकेज बनाएं ...

 var app = new namespace(); 

... और इसमें हमारी कक्षाओं का अनुवाद करें:

 app.useNamespace("model.note"); app.model.note.NoteDocument = function(str){ ... } ... var doc = new app.model.note.NoteDocument("hello!"); doc.init(); 

6. इकाई परीक्षण

हाँ, और यह जेएस में भी किया जा सकता है! सब के बाद, परीक्षण अद्भुत हैं! उदाहरण के लिए, क्वनिट लाइब्रेरी का उपयोग करें।

एक यूनिट टेस्ट का एक उदाहरण जो "लगभग एक जेयूनाइट टेस्ट जैसा है":

 app.useNamespace("model.note"); app.model.note.NoteDocumentTest = function(){ this.test_get_sections_and_blocks = function(){ var data = new TestNoteModel(); var doc = new app.model.note.NoteDocument(data.note); //check var sections = doc.getRootElems(); assertEquals(2, sections.length); assertEquals(null, sections[0].children); assertEquals(null, sections[1].children); }; } 

7. स्थैतिक कोड विश्लेषण

स्क्रिप्टिंग भाषा में आपको सावधान रहने की जरूरत है, क्योंकि आप सिंटैक्स त्रुटि को आसानी से छोड़ सकते हैं। उस प्रोजेक्ट के लिए एक स्थिर कोड विश्लेषक जोड़ें जो प्रत्येक बिल्ड के लिए बेवकूफ टाइपो खोजने का गंदा काम करेगा। उदाहरण के लिए, Jslint ।

परिणाम

इस लेख में, हमने Js में विकास उपकरण और टेम्पलेट्स के एक समूह को देखा जो कोड की गुणवत्ता में सुधार करने और जटिल ग्राहक अनुप्रयोगों का समर्थन करने के लिए काम करते हैं। अच्छा काम है!