क्या आप, जावास्क्रिप्ट में बंद कर रहे हैं?

इस लेख में मैं जावास्क्रिप्ट में क्लोजर लागू करने के लिए तंत्र का विस्तार से विश्लेषण करने की कोशिश करूंगा। इसके लिए, मैं क्रोम ब्राउज़र का उपयोग करूंगा।

आइए परिभाषा के साथ शुरू करें:

क्लोजर वे फ़ंक्शंस हैं जो स्वतंत्र (मुक्त) चर का संदर्भ देते हैं। दूसरे शब्दों में, क्लोजर में परिभाषित फ़ंक्शन 'उस वातावरण को याद करता है जिसमें इसे बनाया गया था।

MDN

यदि इस परिभाषा में आपके लिए कुछ स्पष्ट नहीं है, तो यह डरावना नहीं है। अभी पढ़े।

मैं गहराई से आश्वस्त हूं कि कुछ समझना विशिष्ट उदाहरणों के साथ आसान और तेज है।

इसलिए, मैं सुझाव देता हूं कि कोड का एक टुकड़ा लेना और उसके साथ दुभाषिया के साथ चलना शुरू से अंत तक चरणों में और बाहर क्या हो रहा है।

तो चलिए शुरू करते हैं:


चित्र 1

हम कॉल के वैश्विक संदर्भ में हैं, यह ग्लोबल (ब्राउज़र में उर्फ ​​विंडो) है और हम देखते हैं कि मुख्य फ़ंक्शन पहले से ही वर्तमान संदर्भ में है और काम करने के लिए तैयार है।


चित्र 2

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

यह समझना भी महत्वपूर्ण है कि जावास्क्रिप्ट भी लेट और कॉन्स्ट के माध्यम से घोषित चर को "उठाता है"। फर्क सिर्फ इतना है कि यह उन्हें var या FD के रूप में इनिशियलाइज़ नहीं करता है। इसलिए, जब हम प्रारंभ करने से पहले उन्हें एक्सेस करने का प्रयास करते हैं, तो हमें एक संदर्भ त्रुटि मिलती है।

इसके अलावा, मुख्य में हम एक आंतरिक रूप से छिपी हुई संपत्ति [[स्कोप्स]] देखते हैं - यह बाहरी संदर्भों की एक सूची है, जिसमें मुख्य का उपयोग होता है। हमारे मामले में, ग्लोबल वहाँ है, क्योंकि मुख्य को वैश्विक संदर्भ में लॉन्च किया गया है।

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

आगे बढ़ो:


चित्र 3

हम मुख्य कार्य में जाते हैं और पहली चीज जो आपकी आंख को पकड़ती है वह है स्थानीय वस्तु (विनिर्देश में - localEnv)। वहाँ हम देखते हैं, चूंकि यह चर var के माध्यम से घोषित किया गया है और यह 'popped up' है, ठीक है, और परंपरा से हम सभी 3 FD (foo, bar, baz) देखते हैं। अब यह पता करें कि यह सब कहां से आया है।

जब कोई संदर्भ शुरू होता है, तो अमूर्त ऑपरेशन NewDeclarativeEnvironment लॉन्च किया जाता है , जो आपको LexicalEnvironment (इसके बाद LE) और VariableEnvironment को शुरू करने की अनुमति देता है। इसके अलावा, NewDeclarativeEnvironment को [[स्कोप]] बनाने के लिए 1 तर्क - बाहरी LE लगता है, जिसके बारे में हमने ऊपर बात की थी। LE एक एपीआई है जो हमें पहचानकर्ताओं और व्यक्तिगत चर, कार्यों के बीच संबंध को परिभाषित करने की अनुमति देता है। LE में 2 घटक होते हैं:

1. रिकॉर्ड पर्यावरण - एक पर्यावरण रिकॉर्ड जो आपको पहचानकर्ताओं और वर्तमान कॉल के संदर्भ में हमारे बीच क्या संबंध है, यह निर्धारित करने की अनुमति देता है
2. बाहरी LE से लिंक करें प्रत्येक फ़ंक्शन में एक आंतरिक [[स्कोप्स]] संपत्ति होती है जब इसे बनाया जाता है ।

VariableEnvironment - अक्सर यह LE के समान होता है। दोनों के बीच अंतर यह है कि VariableEnvironment का मूल्य कभी नहीं बदलता है, और LE कोड निष्पादन के दौरान बदल सकता है। आगे की समझ को सरल बनाने के लिए, मैं इन घटकों को एक - LE में संयोजित करने का प्रस्ताव करता हूं।

वर्तमान स्थानीय में भी इस तथ्य के कारण यह है कि इस बाइंडिंग को बुलाया गया था - यह भी एक सार पद्धति है जो वर्तमान संदर्भ में इसे शुरू करता है।

बेशक, प्रत्येक एफडी को तुरंत [[स्कोप]] प्राप्त हुआ:


चित्र 4

हम देखते हैं कि [[स्कोप्स]] में प्राप्त सभी एफडी [क्लोजर मेन, ग्लोबल] की एक सरणी है, जो तार्किक है।

इसके अलावा, हम कॉल स्टैक को देखते हैं - यह एक डेटा संरचना है जो LIFO के सिद्धांत पर काम करती है - पहली बार में बाहर। चूंकि जावास्क्रिप्ट एकल-थ्रेडेड है, इसलिए एक समय में केवल एक संदर्भ निष्पादित किया जा सकता है। हमारे मामले में, यह मुख्य कार्य का संदर्भ है। प्रत्येक नया फ़ंक्शन कॉल एक नया संदर्भ बनाता है, जो स्टैक्ड होता है।

स्टैक के शीर्ष पर हमेशा वर्तमान निष्पादन संदर्भ होता है। फ़ंक्शन के पूरा होने के बाद और दुभाषिया ने इसे बाहर निकाल दिया, कॉल संदर्भ को स्टैक से हटा दिया जाता है। हम सभी को इस लेख में कॉल स्टैक के बारे में जानने की आवश्यकता है :)

हम बताते हैं कि वर्तमान संदर्भ में क्या हुआ:

• निर्माण के समय, मुख्य प्राप्त [[स्कोप्स]] बाहरी वातावरण के लिंक के साथ
• दुभाषिया मुख्य समारोह के शरीर में प्रवेश किया
• कॉल स्टैक को निष्पादन संदर्भ मुख्य मिला
• इसने इनिशियलाइज़ किया
• प्रारंभिक ले

वास्तव में, सबसे कठिन हिस्सा खत्म हो गया है। हम कोड में अगले चरण के लिए आगे बढ़ते हैं:

अब हमें परिणाम प्राप्त करने के लिए बाज को बुलाना होगा।


चित्र 5

कॉल स्टैक में एक नया बाज कॉल संदर्भ जोड़ा गया है। हम देखते हैं कि एक नया क्लोजर ऑब्जेक्ट दिखाई दिया है। यहाँ हमें वह मिलता है जो हमें [[स्कोप्स]] से मिलता है। तो हम मुद्दे पर आ गए। यह बंद है। जैसा कि आप चित्र 4 में देखते हैं , क्लोजर (मुख्य) बाज में 'बैकअप' संदर्भों की सूची में पहले स्थान पर है। फिर कोई जादू नहीं।

चलो फू को कॉल करें:


चित्र 6

यह जानना महत्वपूर्ण है कि कोई भी बात नहीं है जहाँ हम फू कहते हैं, यह हमेशा इसकी [[स्कोप्स]] श्रृंखला में अपरिभाषित पहचानकर्ताओं का पालन करेगा। अर्थात्, मुख्य में और फिर ग्लोबल में, यदि मुख्य में नहीं मिला।

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

कॉल का स्थान स्कोप को प्रभावित नहीं करता है, केवल सृजन का स्थान

logachyova


चित्र 7

नतीजतन, बाज 300 वापस आ जाएगा और कॉल स्टैक से बाहर निकाल दिया जाएगा। फिर वही बात मुख्य संदर्भ के साथ होगी, हमारा कोड टुकड़ा निष्पादित करना समाप्त कर देगा।

हम संक्षेप में बताते हैं:

• फंक्शन क्रिएशन के दौरान, [[स्कोप्स]] सेट किया जाता है । क्लोज़र को समझने के लिए यह बहुत महत्वपूर्ण है, क्योंकि दुभाषिया मूल्यों की खोज करते समय इन लिंक्स का तुरंत अनुसरण करता है
• फिर, जब यह फ़ंक्शन कहा जाता है, तो एक सक्रिय निष्पादन संदर्भ बनाया जाता है, जिसे कॉल स्टैक में रखा गया है
• यह बाइंडिंग निष्पादित है और यह वर्तमान संदर्भ के लिए सेट है
• LE को आरंभीकृत किया गया है, और सभी फ़ंक्शन तर्क, चर और FD के माध्यम से घोषित चर उपलब्ध हो जाते हैं। इसके अलावा, अगर लेट या कांस्टेबल के माध्यम से घोषित चर हैं, तो उन्हें LE में भी जोड़ा जाता है
• यदि दुभाषिया को वर्तमान संदर्भ में कोई पहचानकर्ता नहीं मिलता है, तो [[स्कोप]] का उपयोग आगे की खोज के लिए किया जाता है, जो सभी बारी-बारी से क्रमबद्ध होते हैं। यदि मान पाया जाता है, तो इसका लिंक विशेष क्लोजर ऑब्जेक्ट में गिर जाता है। इसी समय, प्रत्येक संदर्भ के लिए कि वर्तमान एक बंद हो जाता है, आवश्यक चर के साथ एक अलग बंद बनाया जाता है
• यदि मान वैश्विक सहित किसी भी स्कोप में नहीं मिला है, तो एक संदर्भ संदर्भ लौटाया जाता है।

वह सब है!

मुझे उम्मीद है कि यह लेख आपके लिए उपयोगी था और अब आप समझते हैं कि जावास्क्रिप्ट में लॉकिंग तंत्र कैसे काम करता है।

अलविदा :) और जल्द ही मिलते हैं। मेरे चैनल को लाइक और सबस्क्राइब करें :)