जावास्क्रिप्ट शॉर्टकट: एक मूल गाइड

आपका ध्यान प्रस्तुत करते हुए मध्यम.फ्रीडेकोडेम्प.कॉम पर प्रकाशित परथान थियागलिंगम के एक लेख का अनुवाद है। जानना चाहते हैं कि जावास्क्रिप्ट कैसे काम करती है? बिल्ली के नीचे देखो!


Unsplash के साथ फोटो ऑस्टिन डिस्टल

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

इससे पहले कि आप क्लोजर की अवधारणा को समझना शुरू करें, विचार करें कि जावास्क्रिप्ट में स्कोप चेन क्या हैं।

एक नियम के रूप में, दो प्रकार के दृश्य क्षेत्र हैं: वैश्विक और स्थानीय।

जावास्क्रिप्ट में, एक फ़ंक्शन के अंदर एक चर बाहरी रूप से सुलभ नहीं है - इसके विपरीत, उदाहरण के लिए, एक ब्लॉक के भीतर चर ( if और while जैसी स्थितियों में)।

इसके आधार पर, जावास्क्रिप्ट में एक फ़ंक्शन का एक स्कोप है, लेकिन एक ब्लॉक नहीं है।

 var a = 10; function app(){ var b = 2; console.log(a); // 10 console.log(b); // 2 } console.log(b); // ReferenceError: b is not defined app(); 

जैसा कि हम पहले से ही जानते हैं, एक वैश्विक वैरिएबल है, और बी स्थानीय है, जिसका उपयोग केवल app फ़ंक्शन द्वारा किया जाता है। स्थानीय दायरे के बाहर, हमारे पास स्थानीय चर तक पहुंच नहीं है।

नेस्टेड फ़ंक्शन (फ़ंक्शन के अंदर फ़ंक्शन) का उपयोग कैसे करें

 var a = 10; function app(){ var b = 2; var d = 3; function add(){ var c = a + b; } return add; } var x = app(); console.dir(x); 

ऊपर दिए गए उदाहरण में, app पैरेंट फ़ंक्शन है, add चाइल्ड फ़ंक्शन है।

• कंसोल.लॉग के बजाय, कंसोल.आईआर का उपयोग चयनित ऑब्जेक्ट के सभी गुणों को प्रदर्शित करने के लिए किया जाता है।
• चर x को app फ़ंक्शन को सौंपा गया है, जो फिर add फ़ंक्शन को लौटाता है। यह आपको add फ़ंक्शन के ऑब्जेक्ट के सभी गुणों को देखने की अनुमति देता है।

यदि आप किसी ब्राउज़र में कंसोल खोलते हैं, तो आपको Scopes डेटा ऐरे के अंदर Closure ऑब्जेक्ट मिल जाएगा।



चूँकि add internal function में वेरिएबल्स b और d है जो एक्सटर्नल फंक्शन से संबंधित है, इन दोनों वेरिएबल्स को Closure ऑब्जेक्ट में रेफरेंस के रूप में जोड़ा जाएगा।
एक और बंद उदाहरण पर विचार करें।

 var a = 10; var startFunc; function app(){ var b = 2; function add(){ var c = a + b; console.log(c); } startFunc = add(); } app(); // Invoke the app function startFunc; // as the app function invoked above will assign the add function to startFunc & console the value of c 

• startFunc ग्लोबल फंक्शन startFunc add फंक्शन सौंपा गया है, जो पैरेंट फंक्शन app का एक बच्चा है।
• ऐप फंक्शन को कॉल करने के बाद ही यह संभव हो पाता है। अन्यथा, startFunc फ़ंक्शन एक निर्दिष्ट मान के बिना एक वैश्विक चर की तरह व्यवहार करेगा।

जावास्क्रिप्ट में क्लोजर का उपयोग कैसे करें

हम में से कई, कोड लिखते समय क्लोजर का उपयोग करते हैं, यह पूरी तरह से नहीं समझते हैं कि वे ऐसा क्यों करते हैं। जावास्क्रिप्ट में ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग भाषाओं में पाए जाने वाले सार्वजनिक , संरक्षित और निजी संशोधक का अभाव है। इसलिए, बाहरी कोड के लिए नाम स्थान तक पहुंच को अवरुद्ध करने के लिए, हम कार्यों की सहायता का सहारा लेने के लिए मजबूर हैं।

और चूंकि हम कार्यों के बारे में बात कर रहे हैं - घोषणा के तुरंत बाद फ़ंक्शन (IIFE) कहा जाता है । उसे बुलाने की भी जरूरत नहीं है।

IIFE सिंटैक्स इस तरह दिखता है:

 (function(){ //variables & scope that inside the function })(); 

इस उदाहरण पर विचार करें:

 var studnetEnrollment = (function () { //private variables which no one can change //except the function declared below. var count = 0; var prefix = "S"; // returning a named function expression function innerFunc() { count = count + 1; return prefix + count; }; return innerFunc; })(); var x = studnetEnrollment(); // S1 console.log(x); var y = studnetEnrollment(); // S2 console.log(y); 

count और prefix दो निजी चर हैं जिन्हें बदला नहीं जा सकता है। उनके लिए प्रवेश केवल आंतरिक फ़ंक्शन के लिए खुला है (हमारे मामले में, यह innerFunc फ़ंक्शन है)।

• पहली बार studentEnrollment फंक्शन को कहा जाता है, studentEnrollment फ़ंक्शन count वेरिएबल के मान को 1 तक बढ़ा देता है।
• दूसरी बार, count 1 से 2 तक बढ़ जाती है।
• यह सब बंद होने से ही संभव है।

निष्कर्ष

एक समापन एक बाहरी फ़ंक्शन के चर का एक सेट है, जिसके कारण आंतरिक फ़ंक्शन का दायरा इन चर तक पहुंच प्राप्त करता है। यह वैश्विक नाम स्थान की सुरक्षा करता है।

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

---

एक अच्छा कोडिंग है!