जावास्क्रिप्ट संदर्भ विचार

फिर से नमस्कार! हमने पहले ही लिखा था कि ओटीयूएस में सितंबर के अंत में "फुलस्टैक जावास्क्रिप्ट डेवलपर" पाठ्यक्रम की एक नई धारा शुरू होगी। कक्षाओं की शुरुआत की प्रत्याशा में, हम आपके साथ विशेष रूप से पाठ्यक्रम के छात्रों के लिए तैयार कॉपीराइट लेख साझा करना जारी रखते हैं। आज हम जावास्क्रिप्ट में संदर्भ प्रकारों को देखेंगे। चलो चलते हैं।

लेख के लेखक: पावेल याकूपोव

---

इस लेख का उद्देश्य पाठकों के लिए जावास्क्रिप्ट में उपयोग किए जाने वाले स्कोप की मूल अवधारणाओं को समझना है।

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

हमें इस दायरे की आवश्यकता क्यों है?

प्रोग्रामिंग भाषाओं में गुंजाइश निम्नलिखित कार्य करती है:
सुरक्षा (एनकैप्सुलेशन) - चर और फ़ंक्शन केवल तभी उपलब्ध होते हैं जब उनकी आवश्यकता होती है।
चर नामों के संघर्ष को समाप्त करता है। स्कोप की उपस्थिति आपको नामस्थान (नाम स्थान) का अनुकरण करते हुए सभी चर को एक ढेर में "डंप" नहीं करने देती है।
कोड का पुन: उपयोग - "बाहरी" प्रभाव से बचने के बाद लिखित कोड का उपयोग किया जा सकता है।

स्कोप के प्रकार

सरलतम स्तर पर, जावास्क्रिप्ट में दो स्कोप हैं - स्थानीय और वैश्विक।

इस लेख में, हम इस तरह के दायरे और ब्लॉक के रूप में भी देखेंगे।

ग्लोबल स्कोप

जब आप जावास्क्रिप्ट में एक दस्तावेज़ खोलते हैं और कोड लिखना शुरू करते हैं, तो आप वैश्विक दायरे में आते हैं।

सब कुछ जो वैश्विक दायरे में बनाया गया है - चर, कार्य - कार्यक्रम में कहीं से भी सुलभ हैं। इसके अलावा, वैश्विक चर आपके एप्लिकेशन के चलने के दौरान हर समय उपलब्ध हैं और केवल तभी हटाए जाते हैं जब प्रोग्राम अपना काम पूरा कर लेता है।

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

स्थानीय गुंजाइश

वेरीएबल्स जो स्थानीय रूप से घोषित किए जाते हैं वे केवल उस दायरे में उपलब्ध होते हैं जहाँ उन्हें घोषित किया गया था।

एक नया दायरा बनाने का सबसे आसान तरीका एक नया फ़ंक्शन बनाना है। किसी फंक्शन के अंदर बनाया गया वैरिएबल केवल अंदर से ही सुलभ होता है। इसके अलावा, ब्लॉक स्कोप का उपयोग करके स्थानीय गुंजाइश प्राप्त की जा सकती है (नीचे चर्चा की जाएगी)।

function foo(){ let x = 15; } //console.log(x); error { let y = 14; } // console.log(y);  error { var z = 13; } console.log(z); // var   , //        // -  13 

लेक्सिकल स्कोप

तो लेक्सिकल स्कोप क्या है? सरल शब्दों में, यह एक बाहरी कार्यक्षेत्र तक पहुंचने के लिए आंतरिक फ़ंक्शन की क्षमता है। यहाँ यह बंद करने की प्रथा की ओर मुड़ने लायक है। आप शायद उनके बारे में कुछ और लेख लिख सकते हैं, लेकिन मैं आपको जल्दी से एक क्लासिक उदाहरण दूंगा:

 sum(5)(5) //    ? function sum(a){ var add = function(b){ return a+b; } return add; } console.log(sum(5)(5)); // 10   //      

ब्लॉक स्कोप

अब तक, हमने केवल उन स्कोपों ​​पर चर्चा की है जो फ़ंक्शंस के संचालन से संबंधित हैं और घुंघराले ब्रेसेस {} हैं, और हमने var के संचालन में अंतर पर चर्चा की है और केवल अप्रत्यक्ष रूप से चलते हैं।

वर निर्देश कैसे काम करता है? जब वैश्विक दायरे में इसका उपयोग करके एक चर घोषित किया जाता है, तो चर नाम को वैश्विक विंडो ऑब्जेक्ट (यदि हम ब्राउज़र का मतलब है) के लिए एक संपत्ति के रूप में असाइन किया गया है और हर समय कार्यक्रम चलता रहता है। उसी समय, ब्लॉक स्कोप के रूप में, जैसे {} (और यदि, के लिए, जबकि, और अन्य सभी को काफी तार्किक रूप से शामिल किया गया है)।

इसके अलावा, लेट और कास्ट की एक और विशेषता है - एक दायरे में घोषित, फिर उन्हें उसी दायरे में फिर से घोषित नहीं किया जा सकता है (ठीक है, दुभाषिया का असंतोष यहां काफी तार्किक दिखता है)।

 let x = 15; console.log(x); //   { let x = 16; //       console.log(x) //          let x = 17; //        ,         } 

नया कार्य

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

 //let newFunc = new Function([arg1, arg2…argN], functionBody); let mult = new Function('a', 'b', 'return a * b'); console.log(mult(3,4)); 

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

 //   ,      ()()     let a = 3; function outerFunc() { var a = 2; var func = new Function('console.log(a*a)'); return func; } outerFunc()(); // 9,    window 

उत्थापन (चर को ऊपर उठाना)

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

 console.log(x); // undefined var x = 15; console.log(y);// error let y = 13; 

इस विषय को केवल परोक्ष रूप से दृश्यता के क्षेत्रों से संबंधित होने दें, लेकिन कभी-कभी यह ज्ञान काम में आ सकता है।

आप सभी को धन्यवाद! मुझे उम्मीद है कि यह लेख किसी के लिए उपयोगी था!



उपयोगी लिंक:

developer.mozilla.org/en-US/docs/Glossary/Scope
developer.mozilla.org/ru/docs/Web/JavaScript/Closures
2ality.com/2015/02/es6-scoping.html
learn.javascript.ru/new-function
habr.com/ru/company/otus/blog/466873