👰 🏜️ 🍛 चलो नया वार है 🤜🏻 👩🏻‍🤝‍👨🏿 🤚

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

मुझे पता है कि आपने क्या सोचा था: "आप इस बारे में हमें क्यों समय बर्बाद कर रहे हैं?"

क्योंकि मुझे लगता है कि इन तत्वों को बेहतर ढंग से समझने के लिए कुछ मिनट खर्च करने लायक है, उनका अर्थ क्या है और हमें उनका उपयोग कैसे करना चाहिए। यह आपको कुछ सामान्य गलतियों से बचने और बेहतर तरीके से कोड लिखने में मदद करेगा।

इस लेख में, हम इस बात पर ध्यान देंगे कि जावास्क्रिप्ट में डेटा को कैसे स्टोर किया जाए।

वार

"एक बार एक दूर की आकाशगंगा में एक बार ..." जावास्क्रिप्ट में चर को परिभाषित करने के लिए एकमात्र विकल्प var कीवर्ड का उपयोग करना था, और यह कोड में डेटा को हेरफेर करने के लिए पर्याप्त था। लेकिन ES6 मानक की शुरुआत के साथ, पुराने जेएस की कुछ विषमताएं और कमजोरियां बहुत स्पष्ट हो गईं:

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

परिभाषित

तकनीकी सामान के साथ शुरू करने से पहले, आइए कुछ सामान्य परिभाषाएँ प्रस्तुत करें:

एक चर एक "कंटेनर" है जिसमें पुन: प्रयोज्य डेटा संग्रहीत किया जाता है (बहुत तुच्छ)।

पहचानकर्ता चर नाम हैं (बहुत तुच्छ भी)।

एक ब्लॉक कोड के एक टुकड़े को घुंघराले ब्रेसिज़ ( ccskrf ) की एक जोड़ी द्वारा अलग किया जाता है, उदाहरण के लिए: if, for, function, और। टी। डी।

स्कोप , कोड के भीतर चर की दृश्यता निर्धारित करता है। यदि आपको कोई संदेह है, तो अपने आप से पूछें: "कोड में मेरा चर कहां दिखाई दे रहा है?"
नोट। कृपया निष्पादन संदर्भ के साथ गुंजाइश को भ्रमित न करें, जो अलग है।

** संदर्भ (या निष्पादन संदर्भ) ** वह वातावरण है जिसमें जावास्क्रिप्ट कोड निष्पादित होता है। सादगी के लिए, हम यह कह सकते हैं कि संदर्भ वह वस्तु है जिसके पास कोड है, और यह वह कीवर्ड है जो इसे संदर्भित करता है। तो अपने आप से पूछें: "यह किस वस्तु को संदर्भित करता है?"

अब मान लीजिए कि हमारा डेवलपर स्टार वार्स (जो अच्छा है) के बारे में बहुत भावुक है, लेकिन ईएस 6 (जो खराब है) जैसे नए मानकों के बारे में संदेह है, हालांकि यह कुछ समय के लिए रहा है। इसलिए, वह अपने कोड को पुराने ES5 शैली में लिखना पसंद करता है, और यह इस तरह दिखाई देगा:

console.log("I am a %s", jedi); var jedi = "Ani"; //   jedi    // =>  undefined function useTheForce(comeToTheDarkSide) { var jedi = "Obi-Wan Kenobi"; var jedi = "Anakin Skywalker"; if (comeToTheDarkSide) { var jedi = "Darth Vader"; console.log("I am %s", jedi); // => I am Darth Vader } console.log("I am %s", jedi); //  Darth Vader } useTheForce(true); console.log("I am %s", jedi); // => Ani

जैसा कि आप देख सकते हैं, कोड के तीन ब्लॉक हैं (वैश्विक सहित), लेकिन केवल दो स्कोप। ऐसा इसलिए है क्योंकि अगर कोष्ठक में गुंजाइश नहीं है, तो कोड। सांत्वना दो बार "मैं डार्थ वाडर" जारी करूंगा, और फिर विश्व स्तर पर "मैं एनी हूं"।

यह भी ध्यान दें कि एक ही चर को फ़ंक्शन के अंदर एक पंक्ति में दो बार घोषित किया जाता है, और फिर यदि कथन में फिर से। इसका मतलब है कि हमारे पास एक ही चर की घोषणा एक ही दायरे में तीन बार है, जो एक अपवाद को फेंकता है।

अंतिम लेकिन कम से कम नहीं, पहले लॉग का आउटपुट है: हम इसे परिभाषित करने से पहले अपने वेरिएबल के मूल्य को प्रिंट करते हैं। यह var के साथ पूरी तरह से कानूनी है और इसे "उत्थापन" कहा जाता है।

"चढ़ाई" यह मानती है कि घोषित चर और कार्य शारीरिक रूप से आपके कोड की शुरुआत में चले गए हैं। तकनीकी रूप से, संकलन चर पर स्मृति में संग्रहीत चर और कार्यों की घोषणाएं होती हैं, लेकिन कोड में वही रहता है जहां उन्होंने उन्हें लिखा था। एक लिफ्ट का मौलिक महत्व यह है कि यह आपको अपने कोड में घोषित करने से पहले कार्यों का उपयोग करने की अनुमति देता है।

आप इसके बारे में यहां पढ़ सकते हैं।

हमारे उदाहरण में, चर "जेडी" की घोषणा को स्मृति में रखा गया है और डिफ़ॉल्ट मान (अपरिभाषित) के लिए प्रारंभ किया गया है।

चलो

फिलहाल, हमारा डेवलपर समझता है कि ईएस 6 इतना बुरा नहीं है, और वह एक मौका देने का फैसला करता है:

 console.log("I am a %s", jedi); let jedi = "Ani"; //   jedi    // => Uncaught ReferenceError:     "jedi"   function useTheForce(comeToTheDarkSide) { let jedi = "Obi-Wan Kenobi"; let jedi = "Anakin Skywalker"; // => Uncaught SyntaxError:  ''   if (comeToTheDarkSide) { var jedi = "Darth Vader"; console.log("I am %s", jedi); // =>  Darth Vader } console.log("I am %s", jedi); //  Anakim Skywalker } useTheForce(true); console.log("I am %s", jedi); // =>  Ani

लेकिन वह जल्द ही महसूस करता है कि वह केवल बदलने के लिए var कीवर्ड नहीं बदल सकता है, इसके लिए आपको कुछ सुधार करने की आवश्यकता है:

राइजिंग उसी तरह से काम नहीं करता है: एक वेरिएबल को टेम्पोरल डेड जोन * * कहा जाता है और जब तक परिभाषा का मूल्यांकन नहीं किया जाता है तब तक इसे शुरू नहीं किया जाता है। हमारे उदाहरण में, यह एक त्रुटि फेंकता है: संदर्भ त्रुटि।

पुनर्मूल्यांकन निषिद्ध है, दायरे में एक चर की परिभाषा अद्वितीय होनी चाहिए। जब एक त्रुटि प्राप्त करने की कोशिश कर रहा है: सिंटैक्सएर्र।

यदि स्टेटमेंट एक मान्य ब्लॉक स्कोप है, तो इसके अंदर जेडी घोषणा अद्वितीय है।

अब कोड इस तरह होना चाहिए:

 let jedi = "Ani"; console.log("I am a %s", jedi); // print jedi variable before defining it // =>  Ani (  ) : 0 function useTheForce(comeToTheDarkSide) { let jedi = "Obi-Wan Kenobi"; let jedi = "Anakin Skywalker"; if (comeToTheDarkSide) { var jedi = "Darth Vader"; console.log("I am %s", jedi); // =>  Darth Vader } console.log("I am %s", jedi); //  Anakim Skywalker } useTheForce(true); console.log("I am %s", jedi);

कॉन्स्ट

अब जब आप लेट के बारे में सब कुछ जान गए हैं, तो आपको कांस्ट करने में आसानी होगी। संक्षेप में, हम कह सकते हैं कि कांस्ट को जाने के समान है, लेकिन आप किसी अन्य मान को पुन: असाइन नहीं कर सकते। आपको यह भी पता होना चाहिए कि असाइनमेंट की घोषणा केवल कॉन्स्टेबल घोषणाओं के दौरान की जाती है।

 function useTheForce(comeToTheDarkSide) { const jedi = "Yoda"; if (true) { jedi = "Darth Yoda"; console.log("I am %s", jedi); // => TypeError: Assignement to constant variable. } } useTheForce(true);

मान लें कि हमारे उदाहरण में, "जेडी" मूल्य के साथ एक निरंतरता है "योदा", अगर हम अगर बयान के अंदर मूल्य को बदलने की कोशिश करते हैं, तो यह हमें एक टाइपरर त्रुटि देगा, और यह समझ में आता है क्योंकि योदा कभी भी अंधेरे पक्ष में शामिल नहीं होगा।

निष्कर्ष

जब भाषाओं में एक अवधारणा को शब्दों में व्यक्त करना असंभव है, तो अंतर को भरने के लिए एक नई अवधारणा शुरू की जाती है। यह अंग्रेजी ( लिंक। ), इटालियन, एस्पेरांतो, इवोकसी (I suppose), आदि के लिए सही है। यह जावास्क्रिप्ट जैसी प्रोग्रामिंग भाषाओं के लिए और भी सही है।

अब आप जानते हैं कि आप कर सकते हैं:

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

मेरा अंतिम टिप आपकी डिफ़ॉल्ट पसंद के रूप में कास्ट का उपयोग करना है। जब आपको एक चर को पुन: असाइन करने की आवश्यकता होती है, तो ** लेट ** (लूप में) का उपयोग करें। और var का उपयोग तब करें ... नहीं, आपको अब वास्तव में var की आवश्यकता नहीं है

आपका ध्यान के लिए धन्यवाद।

त्वरित जावास्क्रिप्ट प्रश्न

मैं ट्विटर पर हूं और वी.के.

चलो नया वार है

वार

परिभाषित

चलो

कॉन्स्ट

निष्कर्ष

More articles: