विषय - सूची[छिपाना][प्रदर्शन]
- 1. अपने बुनियादी ज्ञान में सुधार करें
- 2. वस्तु-उन्मुख रणनीति का उपयोग करें
- 3. फ़ंक्शंस का उपयोग करें, भले ही वे छोटे हों
- 4. == के स्थान पर === का प्रयोग करें
- 5. जेएसलिंट का प्रयोग करें
- 6. स्क्रिप्ट को आपके पेज के नीचे रखा जाना चाहिए
- 7. स्ट्रिंग बनाने का सबसे तेज़ तरीका
- 8. अपने कोड में एक टिप्पणी जोड़ें
- 9. टेम्प्लेट लिटरल्स का उपयोग करें
- 10. इटरेटर और लूप्स के लिए
- 11. नई वस्तु() के स्थान पर {} का प्रयोग करें
- 12. अपने कोड में लेट और कॉन्स्ट डालने पर विचार करें
- 13. eval() एक अच्छा विचार नहीं है
- 14. स्प्रेड ऑपरेटर काम आता है
- 15. प्रतीक्षा करें और एसिंक करें
- 16. जावास्क्रिप्ट में शामिल() विधि का उपयोग करें
- 17. स्प्लिस का उपयोग करके किसी सरणी से आइटम निकालें
- 18. एरो फ़ंक्शन का उपयोग करें
- 19. डिस्ट्रक्चरिंग के साथ, आप जल्दी से वेरिएबल मान निर्दिष्ट कर सकते हैं
- 20. कई प्रोजेक्ट बनाएं
- निष्कर्ष
यदि आपकी कभी भी वेब विकास में रुचि रही है, तो संभवत: आपका सामना जावास्क्रिप्ट से हुआ होगा। एक ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग भाषा जावास्क्रिप्ट है। डेवलपर्स इसका उपयोग वेब पेजों के क्लाइंट-साइड (फ्रंट एंड) को गतिशील और इंटरैक्टिव बनाने के लिए करते हैं।
इसका उपयोग HTML और CSS के साथ वेब पेज और वेब ऐप्स बनाने के लिए भी किया जाता है। आजकल इंटरनेट पर ऐसा कोई वेब पेज नहीं है जिसमें जावास्क्रिप्ट कोड न हो। यह एक डेवलपर के काम का एक अभिन्न पहलू बन गया है।
दरअसल, इसमें लगातार बढ़ोतरी हो रही है। हालाँकि जावास्क्रिप्ट को वेब पेजों को कार्यक्षमता प्रदान करने के लिए सबसे अच्छी तरह से पहचाना जाता है, लेकिन इसका उपयोग गैर-जावास्क्रिप्ट वातावरण में भी किया जाता है। Node.js, Apache Couch-DB और Adobe Acrobat इन तकनीकों के उदाहरण हैं। जावास्क्रिप्ट चलाने के लिए, अधिकांश आधुनिक वेब ब्राउज़र में एक अंतर्निहित जावास्क्रिप्ट निष्पादन इंजन होता है। यदि आप एक सफल वेब डेवलपर बनना चाहते हैं, तो आपको जावास्क्रिप्ट से निपटना होगा।
आपको आज या कल इससे निपटना ही होगा। समय से पहले जावास्क्रिप्ट क्यों न सीखें ताकि समय आने पर आप तैयार रहें?
इस सत्र में आप यही सीखेंगे। यह बताता है कि अपनी जावास्क्रिप्ट को बेहतर बनाकर अपने साथी वेब डेवलपर्स से एक कदम आगे कैसे रहें।
शुरू करते हैं!
1. अपने बुनियादी ज्ञान में सुधार करें
मैं एक बहुत ही बुनियादी विचार और कथन के साथ शुरुआत करूंगा जो आपने बचपन से सुना है। बुनियादी बातें सीखें और उन्हें व्यवहार में लाएँ। कई बार, आप कोडिंग के साथ तर्क लागू कर रहे होंगे, लेकिन आप भूल जाएंगे कि इसके लिए पहले से ही एक अंतर्निहित फ़ंक्शन है, जैसे किसी सरणी को काटना। जब आप जावास्क्रिप्ट कोड चलाते हैं, तो आपको एक त्रुटि मिल सकती है, और परिणामस्वरूप, कई अतिरिक्त सुविधाएं काम करना बंद कर देती हैं।
यह एकल बृहदान्त्र या उल्टे अल्पविराम के कारण हो सकता है। ये चीज़ें बुनियादी बातों की समझ की कमी के परिणामस्वरूप घटित होती हैं। कई बार एक ही प्रोग्राम में, एक बुनियादी लूप जैसे कि for, who, या do while नियोजित किया जाता है। लूप्स सबसे मौलिक प्रोग्रामिंग संरचनाओं में से एक हैं।
यदि आप लूपिंग और अन्य बुनियादी बातों से अपरिचित हैं तो कोड करना काफी कठिन है और यहां तक कि किसी फर्म के लिए काम करने का मौका भी पाना मुश्किल है। अपने बुनियादी सिद्धांतों पर सुधार करना महत्वपूर्ण है क्योंकि वे समाधान के जटिल तर्क और प्रतिष्ठा को विकसित करने के लिए एक ठोस आधार प्रदान करते हैं।
2. वस्तु-उन्मुख रणनीति का उपयोग करें
ऑब्जेक्ट-ओरिएंटेड पद्धति आज सबसे प्रसिद्ध प्रोग्रामिंग दृष्टिकोण है। ऑब्जेक्ट-ओरिएंटेड दृष्टिकोण, जो C++ से शुरू हुआ, तब से लोकप्रियता में काफी वृद्धि हुई है। आज, सभी मुख्य भाषाओं को बनाने के लिए केवल ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग का उपयोग किया जाता है। वस्तु-उन्मुख रणनीति वह है जो किसी विशिष्ट वस्तु पर केंद्रित होती है।
तब वस्तु एक मौलिक इकाई बन जाती है। फिर इस ऑब्जेक्ट का उपयोग पृष्ठ पर आधार के रूप में विशेषताओं और कार्यों को जोड़ने के लिए किया जाता है। आप बिना किसी फ़ंक्शन या ऑब्जेक्ट के ऊपर से नीचे तक कोड बनाने की पारंपरिक विधि का भी उपयोग कर सकते हैं। यह बहुत व्यापक है और इसका प्रयास कभी नहीं किया जाना चाहिए। कोड विकसित करते समय, हमें एक कार्यात्मक दृष्टिकोण का उपयोग करना चाहिए, और यदि हम फ़ंक्शन का उपयोग करते हैं, तो हमें ऑब्जेक्ट का उपयोग करना चाहिए।
इसलिए, शुरुआत में, अपने व्यापक कोड को ऑब्जेक्ट-ओरिएंटेड कोड में बदलने का प्रयास करें, और अपने कोड को हमेशा ऑब्जेक्ट-ओरिएंटेड शैली में लिखें। जब आप अन्य लोगों के कोड का अध्ययन करते हैं, तो आप लगातार ऑब्जेक्ट-ओरिएंटेड तकनीकों को देखते रहेंगे। यदि आप जावास्क्रिप्ट में महारत हासिल करना चाहते हैं, तो बेहतर होगा कि आप इसमें महारत हासिल कर लें।
3. फ़ंक्शंस का उपयोग करें, भले ही वे छोटे हों
कार्यात्मक दृष्टिकोण के साथ प्रोग्रामिंग करना एक शानदार तरीका है। क्यों? यह आपके सॉफ़्टवेयर को उन मॉड्यूलों में अलग करता है जो एक साथ कार्य करते हैं लेकिन फिर भी एक दूसरे से भिन्न होते हैं। आपको समझने में मदद के लिए मैं आपको एक उदाहरण देता हूं।
पूर्णांकों के मूल माध्य वर्ग की गणना एक फ़ंक्शन का उपयोग करके की जा सकती है। ऐसा करने के लिए, आपको पूर्णांकों का वर्ग करना होगा, उनके माध्य की गणना करनी होगी, और फिर माध्य के वर्गमूल की गणना करनी होगी। इस प्रक्रिया में तीन चरण हैं. परिणामस्वरूप, हम तीन कार्य नियोजित कर सकते हैं। लेकिन, जैसा कि आप देख सकते हैं, ये सभी कार्य आपस में जुड़े हुए हैं। एक का आउटपुट दूसरे को भेजा जाता है, और हमें अंतिम परिणाम प्राप्त होता है।
आइए मान लें कि तीन कार्यों के बजाय, आपको कई कारकों के आधार पर आरएमएस की गणना करने के लिए बस एक की आवश्यकता है। अंतिम समाधान, जैसा कि आप देख सकते हैं, गलत है। इस बिंदु पर आपके लिए यह निर्धारित करना काफी कठिन होगा कि इतने बड़े आयोजन में क्या गलत हुआ।
दूसरी ओर, तीन छोटे कार्य होने से आप तेजी से विश्लेषण कर सकेंगे। परिणामस्वरूप, भले ही फ़ंक्शन मामूली हों, अलग-अलग कोड मॉड्यूल को परिभाषित करने के लिए उनका उपयोग करें। यह तकनीक आपको जादू की तरह जावास्क्रिप्ट विशेषज्ञ बनने में मदद करेगी।
अब, आइए कुछ जावास्क्रिप्ट कोडिंग युक्तियों पर नजर डालें।
4. == के स्थान पर === का प्रयोग करें
जावास्क्रिप्ट में, दो प्रकार के समानता ऑपरेटर हैं: सख्त समानता ऑपरेटर === और !==, और गैर-सख्त समानता ऑपरेटर == और !=। तुलना करते समय, हमेशा सटीक समानता का प्रयोग करना सर्वोत्तम अभ्यास माना जाता है। हालाँकि, == और != के साथ काम करते समय, आपको विभिन्न प्रकार की समस्याओं का सामना करना पड़ेगा।
जब आपके द्वारा तुलना किए जा रहे मानों के प्रकार अलग-अलग होते हैं, तो गैर-सख्त ऑपरेटर उनके मानों को ज़बरदस्ती करने की कोशिश करेंगे, जिससे अप्रत्याशित परिणाम हो सकते हैं।
5. जेएसलिंट का प्रयोग करें
डगलस क्रॉकफ़ोर्ड ने एक डिबगर JSLint बनाया। बस अपनी स्क्रिप्ट को बॉक्स में डालें और यह किसी भी बग या खामी के लिए इसे तेजी से स्कैन करेगा।
JSLint एक जावास्क्रिप्ट स्रोत फ़ाइल की जाँच करता है। यदि किसी समस्या का पता चलता है, तो यह समस्या के विवरण और स्रोत के भीतर अनुमानित स्थिति के साथ एक संदेश भेजता है। समस्या हमेशा वाक्यात्मक त्रुटि की नहीं होती, हालाँकि अक्सर ऐसा होता है।
जेएसलिंट शैलीगत मानदंडों और संरचनात्मक मुद्दों दोनों की जांच करता है। इसका मतलब यह नहीं है कि आपका सॉफ़्टवेयर सटीक है. यह समस्याओं का पता लगाने में सहायता के लिए आंखों की एक और जोड़ी जोड़ता है। इससे पहले कि आप किसी स्क्रिप्ट पर हस्ताक्षर करें, यह सुनिश्चित करने के लिए उसे JSLint के माध्यम से चलाएं कि आपने कोई गलती नहीं की है।
6. स्क्रिप्ट को आपके पेज के नीचे रखा जाना चाहिए
उपयोगकर्ता का प्राथमिक उद्देश्य पृष्ठ को यथासंभव तेजी से लोड करना है। जब तक पूरी फ़ाइल लोड नहीं हो जाती, ब्राउज़र स्क्रिप्ट लोड करना जारी नहीं रख सकता। परिणामस्वरूप, उपयोगकर्ता को किसी भी प्रगति को देखने के लिए अधिक समय तक प्रतीक्षा करनी होगी।
यदि आपके पास JS फ़ाइलें हैं जिनका उपयोग केवल कार्यक्षमता प्रदान करने के लिए किया जाता है (उदाहरण के लिए, एक बार बटन दबाने पर), तो उन्हें पृष्ठ के नीचे, क्लोजिंग बॉडी टैग के ठीक पहले रखें। यह निस्संदेह सर्वोत्तम अभ्यास है।
7. स्ट्रिंग बनाने का सबसे तेज़ तरीका
जब आपको किसी सरणी या ऑब्जेक्ट के चारों ओर लूप करने की आवश्यकता होती है, तो हमेशा लूप स्टेटमेंट के लिए अपने भरोसेमंद का उपयोग न करें। हाथ में आए कार्य का त्वरित समाधान खोजने के लिए अपनी कल्पना का प्रयोग करें। मैं आपके लिए संख्याएँ नहीं लाने जा रहा हूँ; आपको बस मुझ पर भरोसा करना होगा (या स्वयं परीक्षण करना होगा)।
यह अब तक की सबसे तेज़ तकनीक है.
8. अपने कोड में एक टिप्पणी जोड़ें
यह पहली बार में निरर्थक लग सकता है, लेकिन जब मैं कहता हूं कि आपको अपने कोड पर जितनी बार संभव हो सके टिप्पणी करनी चाहिए, तो मुझ पर विश्वास करें। यदि आप महीनों बाद परियोजना पर वापस आते हैं और अपनी मूल विचार प्रक्रिया को याद नहीं कर पाते हैं तो क्या होगा?
यदि आपका कोड आपके किसी सहकर्मी द्वारा अद्यतन किया जाना हो तो क्या होगा? आपके कोड के महत्वपूर्ण क्षेत्रों पर हमेशा टिप्पणी की जानी चाहिए।
9. टेम्प्लेट लिटरल्स का उपयोग करें
डबल या सिंगल कोट्स के साथ बनाई गई स्ट्रिंग्स की बाधाएं असंख्य हैं। उनके साथ काम करना अधिक आसान बनाने के लिए, आप अपनी कुछ स्ट्रिंग्स को टेम्पलेट लिटरल से बदलना चुन सकते हैं।
बैकटिक कैरेक्टर (') का उपयोग टेम्पलेट लिटरल बनाने के लिए किया जाता है, जिसके कई फायदे हैं। आप उनका उपयोग अभिव्यक्तियों को संग्रहीत करने या मल्टी-लाइन स्ट्रिंग बनाने के लिए कर सकते हैं।
जैसा कि आप देख सकते हैं, सिंगल या डबल कोट्स के साथ निर्मित पारंपरिक स्ट्रिंग लिटरल के विपरीत, हमें अपने टेम्प्लेट लिटरल में बार-बार अंदर और बाहर जाने की ज़रूरत नहीं थी। इससे टाइपिंग की गलतियों की संभावना कम हो जाती है और हमें साफ-सुथरा कोड लिखने में मदद मिलती है।
10. इटरेटर और लूप्स के लिए
इटरेटर जावास्क्रिप्ट में ऑब्जेक्ट हैं जो किसी ऑब्जेक्ट को वापस करने के लिए अगली() विधि को कार्यान्वित करते हैं जो अनुक्रम में अगले मान को संग्रहीत करता है और साथ ही सही या गलत पर निर्भर करता है कि कोई और मान शेष है या नहीं। इसका मतलब यह है कि यदि आप इटरेटर प्रोटोकॉल लागू करते हैं, तो आप अपना खुद का इटरेटर ऑब्जेक्ट बना सकते हैं।
जावास्क्रिप्ट में कुछ अंतर्निहित इटरेटर हैं, जैसे स्ट्रिंग, ऐरे, मैप इत्यादि। आप उन पर पुनरावृति करने के लिए लूप के लिए ... का उपयोग कर सकते हैं। सामान्य फॉर लूप्स की तुलना में, यह अधिक संक्षिप्त और कम त्रुटि-प्रवण है। हमें for…of लूप का उपयोग करके सरणी की पूरी लंबाई या वर्तमान सूचकांक का ट्रैक रखने की आवश्यकता नहीं है। नेस्टेड लूप डिज़ाइन करते समय, यह कोड को सरल बनाने में मदद कर सकता है।
11. नई वस्तु() के स्थान पर {} का प्रयोग करें
जावास्क्रिप्ट में, आप विभिन्न तरीकों से ऑब्जेक्ट बना सकते हैं। जैसा कि दिखाया गया है, नए कंस्ट्रक्टर का उपयोग करना अधिक पारंपरिक तरीका है। दूसरी ओर, इस रणनीति को "खराब अभ्यास" के रूप में चिह्नित किया गया है।
यह विनाशकारी नहीं है, लेकिन यह थोड़ा शब्दाडंबरपूर्ण और अनोखा है। मैं इसके बजाय ऑब्जेक्ट शाब्दिक तकनीक का उपयोग करने का प्रस्ताव करता हूं।
12. अपने कोड में लेट और कॉन्स्ट डालने पर विचार करें
हम लेट कीवर्ड का उपयोग स्थानीय वेरिएबल बनाने के लिए कर सकते हैं जो उनके अपने ब्लॉक के दायरे में हैं। हम स्थानीय ब्लॉक-स्कोप्ड वैरिएबल बनाने के लिए कॉन्स्ट कीवर्ड का उपयोग कर सकते हैं जिन्हें बदला नहीं जा सकता।
वेरिएबल घोषित करते समय, आपको लागू होने पर लेट और कॉन्स्ट कीवर्ड का उपयोग करने पर विचार करना चाहिए। याद रखें कि const कीवर्ड केवल पुनर्असाइनमेंट को अक्षम करता है। यह चर को अपरिवर्तनीय भी नहीं बनाता है।
13. eval() एक अच्छा विचार नहीं है
अनजान लोगों के लिए eval() विधि, हमें जावास्क्रिप्ट के कंपाइलर तक पहुंच की अनुमति देती है। अनिवार्य रूप से, हम एक स्ट्रिंग के परिणाम को इनपुट () के रूप में आपूर्ति करके निष्पादित करने के लिए eval का उपयोग कर सकते हैं।
यह न केवल आपकी स्क्रिप्ट को काफी धीमा कर देगा, बल्कि यह एक महत्वपूर्ण सुरक्षा चिंता भी पेश करता है क्योंकि यह पारित पाठ को बहुत अधिक अधिकार देता है। इससे किसी भी कीमत पर बचो!
14. स्प्रेड ऑपरेटर काम आता है
क्या आपको कभी किसी सरणी के सभी आइटमों को अलग-अलग तत्वों के रूप में किसी अन्य फ़ंक्शन में स्थानांतरित करने की आवश्यकता हुई है, या क्या आपको सभी मानों को एक सरणी से दूसरे में डालने की आवश्यकता है? यह बिल्कुल वही है जो स्प्रेड ऑपरेटर (...) हमें हासिल करने की अनुमति देता है। यहाँ एक उदाहरण है.
15. प्रतीक्षा करें और एसिंक करें
एसिंक कीवर्ड का उपयोग करके एसिंक्रोनस फ़ंक्शंस बनाएं, जो हमेशा स्पष्ट या परोक्ष रूप से एक वादा लौटाता है।
रिटर्निंग वादों का समाधान पूरा होने तक निष्पादन को रोकने के लिए एसिंक्रोनस फ़ंक्शंस में प्रतीक्षा कीवर्ड का उपयोग किया जा सकता है। आपके एसिंक फ़ंक्शन के बाहर, कोड सामान्य रूप से चलता रहेगा।
16. जावास्क्रिप्ट में शामिल() विधि का उपयोग करें
जावास्क्रिप्ट में, include() फ़ंक्शन यह निर्धारित करता है कि क्या किसी स्ट्रिंग में आपूर्ति किए गए वर्ण हैं या किसी सरणी में निर्दिष्ट तत्व है या नहीं।
यदि स्ट्रिंग या तत्व खोजा जाता है तो यह विधि सत्य लौटाती है; अन्यथा, यह गलत रिटर्न देता है। यह उल्लेखनीय है कि स्ट्रिंग्स में() फ़ंक्शन केस-संवेदी है। यदि आप मामले की परवाह किए बिना किसी स्ट्रिंग का मिलान करना चाहते हैं, तो पहले लक्ष्य टेक्स्ट को छोटा करें।
17. स्प्लिस का उपयोग करके किसी सरणी से आइटम निकालें
किसी सरणी से किसी आइटम को हटाने के लिए, मैंने डेवलपर्स को डिलीट फ़ंक्शन का उपयोग करते देखा है। यह गलत है क्योंकि, ऑब्जेक्ट को हटाने के बजाय, डिलीट विधि इसे अपरिभाषित से बदल देती है।
जावास्क्रिप्ट में उसके मान के आधार पर किसी सरणी से किसी तत्व को हटाने का सबसे आसान तरीका सरणी में उस मान की अनुक्रमणिका संख्या प्राप्त करने के लिए IndexOf() फ़ंक्शन का उपयोग करना है, फिर उस अनुक्रमणिका मान को splice() विधि से हटा देना है।
18. एरो फ़ंक्शन का उपयोग करें
एरो फ़ंक्शंस एक और महत्वपूर्ण विशेषता है जिसे अभी जावास्क्रिप्ट में जोड़ा गया है।
उनके पास ढेर सारे फायदे हैं। आरंभ करने के लिए, वे जावास्क्रिप्ट के कार्यात्मक भागों को अधिक आकर्षक और लिखने में आसान बनाते हैं। हालाँकि, एरो फ़ंक्शंस का उपयोग इसे अधिक सुपाठ्य और संक्षिप्त बनाता है।
19. डिस्ट्रक्चरिंग के साथ, आप जल्दी से वेरिएबल मान निर्दिष्ट कर सकते हैं
इस पोस्ट में पहले, हमने जावास्क्रिप्ट में स्प्रेड ऑपरेटर के बारे में सीखा था। डिस्ट्रक्चरिंग डिस्ट्रक्चरिंग के समान है क्योंकि यह सरणियों के भीतर मौजूद डेटा को भी अनपैक करता है।
अंतर यह है कि इन अनपैक्ड मानों को अलग-अलग चरों को सौंपा जा सकता है। सरणी बनाते समय सिंटैक्स [] शॉर्टकट के समान होता है। हालाँकि, कोष्ठक इस बार असाइनमेंट ऑपरेटर के बाईं ओर रखे गए हैं। यहाँ एक उदाहरण है.
20. कई प्रोजेक्ट बनाएं
किसी भी प्रतिभा के लिए लगातार अभ्यास की आवश्यकता होती है, इसलिए अपनी क्षमताओं को निखारने और विभिन्न प्रोग्रामिंग परिदृश्यों में विशेषज्ञता हासिल करने के लिए विभिन्न प्रकार की परियोजनाएं बनाने का प्रयास करें।
परियोजनाओं पर काम करते समय, आपको कई चुनौतियों और दोषों का अनुभव होगा, जो आपको आवश्यक विशेषज्ञता प्रदान करेगा। इसलिए परियोजनाओं के साथ आने का प्रयास करें, और आपकी सहायता के लिए इंटरनेट पर ढेर सारे विचार और उदाहरण मौजूद हैं। कोड विकसित करना जारी रखें, और आपकी क्षमताओं में सुधार होगा।
निष्कर्ष
जावास्क्रिप्ट जैसी कंप्यूटर भाषा सीखना कठिन हो सकता है। यदि आप एक अच्छा प्रोग्रामर बनने और अपनी पहली नौकरी हासिल करने के बारे में गंभीर हैं, तो ये जावास्क्रिप्ट सीखने की रणनीतियाँ आपकी सीखने की प्रक्रिया को तेज़ करने में मदद कर सकती हैं।
सुनिश्चित करें कि आप नियमित रूप से कोडिंग का अभ्यास करें, नए विचारों को सीखते समय गहन नोट्स लें और आपके लिए उपलब्ध सभी टूल का उपयोग करें। सबसे बढ़कर, वहाँ से बाहर निकलें और मौज-मस्ती करते हुए कोडिंग शुरू करें।
एक जवाब लिखें