TLDR
जावास्क्रिप्ट में शाब्दिक (स्थैतिक भी कहा जाता है) स्कूपिंग और क्लोजर। इसका मतलब है कि आप सोर्स कोड को देखकर किसी पहचानकर्ता का दायरा बता सकते हैं।
चार स्कोप हैं:
- ग्लोबल - सब कुछ द्वारा दिखाई
- फ़ंक्शन - एक फ़ंक्शन के भीतर दिखाई देता है (और इसके उप-फ़ंक्शन और ब्लॉक)
- ब्लॉक - एक ब्लॉक के भीतर दिखाई देता है (और इसके उप-ब्लॉक)
- मॉड्यूल - एक मॉड्यूल के भीतर दिखाई दे रहा है
वैश्विक और मॉड्यूल दायरे के विशेष मामलों के बाहर, चर var(फ़ंक्शन स्कोप), let(ब्लॉक स्कोप) और const(ब्लॉक स्कोप) का उपयोग करके घोषित किया जाता है । पहचानकर्ता घोषणा के अधिकांश अन्य रूपों में सख्त मोड में ब्लॉक गुंजाइश है।
अवलोकन
स्कोप कोडबेस का वह क्षेत्र है जिसके ऊपर एक पहचानकर्ता मान्य है।
एक शाब्दिक वातावरण पहचानकर्ता नामों और उनसे जुड़े मूल्यों के बीच मानचित्रण है।
स्कोप लेक्सिकल वातावरण के एक जुड़े घोंसले के शिकार से बनता है, प्रत्येक स्तर में पूर्वज निष्पादन संदर्भ के एक लेक्सिकल वातावरण के अनुरूप होता है।
ये जुड़े हुए शाब्दिक वातावरण एक गुंजाइश "श्रृंखला" बनाते हैं। आइडेंटिफ़ायर रिज़ॉल्यूशन इस श्रृंखला के साथ मेल खाने वाले आइडेंटिफ़ायर की खोज की प्रक्रिया है।
पहचानकर्ता संकल्प केवल एक दिशा में होता है: बाहर की ओर। इस तरह, बाहरी शाब्दिक वातावरण आंतरिक शाब्दिक वातावरण में "नहीं" देख सकते हैं।
जावास्क्रिप्ट में पहचानकर्ता का दायरा तय करने के तीन महत्वपूर्ण कारक हैं :
- कैसे एक पहचानकर्ता घोषित किया गया था
- जहां एक पहचानकर्ता घोषित किया गया था
- चाहे आप सख्त मोड में हों या गैर-सख्त मोड
कुछ तरीकों की पहचान की जा सकती है:
var, letऔरconst- कार्य मापदंडों
- ब्लॉक पैरामीटर पकड़ो
- समारोह की घोषणा
- नामित कार्य अभिव्यक्तियाँ
- वैश्विक वस्तु पर कथित रूप से परिभाषित गुण (यानी
varगैर-सख्त मोड में गायब )
import बयानeval
कुछ स्थानों के पहचानकर्ता घोषित किए जा सकते हैं:
- वैश्विक संदर्भ
- शरीर की क्रिया
- साधारण ब्लॉक
- एक नियंत्रण संरचना के शीर्ष (जैसे। लूप, यदि, जबकि आदि)
- नियंत्रण संरचना शरीर
- मॉड्यूल
घोषणा शैलियाँ
वर
उपयोग var किए गए पहचानकर्ताओं के पास फ़ंक्शन स्कोप है , इसके अलावा जब वे सीधे वैश्विक संदर्भ में घोषित किए जाते हैं, तो उस स्थिति में उन्हें वैश्विक ऑब्जेक्ट पर गुण के रूप में जोड़ा जाता है और वैश्विक स्कोप होता है। evalकार्यों में उनके उपयोग के लिए अलग-अलग नियम हैं ।
चलो और कास्ट
पहचानकर्ताओं ने उपयोग करने की घोषणा की letऔर const ब्लॉक स्कोप है , इसके अलावा जब वे सीधे वैश्विक संदर्भ में घोषित किए जाते हैं, तो उस स्थिति में उनके पास वैश्विक स्कोप होता है।
ध्यान दें: let, constऔर var सभी फहराया जाता है । इसका मतलब यह है कि परिभाषा की उनकी तार्किक स्थिति उनके संलग्न दायरे (ब्लॉक या फ़ंक्शन) में सबसे ऊपर है। हालांकि, चर ने उपयोग की घोषणा की letऔर constतब तक पढ़ा या सौंपा नहीं जा सकता जब तक कि नियंत्रण ने स्रोत कोड में घोषणा के बिंदु को पारित नहीं किया। अंतरिम अवधि को अस्थायी मृत क्षेत्र के रूप में जाना जाता है।
function f() {
function g() {
console.log(x)
}
let x = 1
g()
}
f() // 1 because x is hoisted even though declared with `let`!
फ़ंक्शन पैरामीटर नाम
फ़ंक्शन बॉडी में फ़ंक्शन पैरामीटर नाम स्कोप किए जाते हैं। ध्यान दें कि इसमें थोड़ी जटिलता है। पैरामीटर सूची के ऊपर डिफ़ॉल्ट तर्क के रूप में घोषित कार्य , और फ़ंक्शन का निकाय नहीं।
समारोह की घोषणा
फ़ंक्शन घोषणाओं में सख्त मोड में ब्लॉक गुंजाइश है और गैर-सख्त मोड में फ़ंक्शन गुंजाइश है। नोट: गैर-सख्त मोड विभिन्न ब्राउज़रों के quirky ऐतिहासिक कार्यान्वयन के आधार पर आकस्मिक नियमों का एक जटिल समूह है।
नामित कार्य अभिव्यक्तियाँ
नामित फ़ंक्शन अभिव्यक्तियों को स्वयं के लिए स्कोप किया जाता है (उदाहरण के लिए पुनरावृत्ति के उद्देश्य से)।
वैश्विक वस्तु पर स्पष्ट रूप से परिभाषित गुण
गैर-सख्त मोड में, वैश्विक वस्तु पर स्पष्ट रूप से परिभाषित गुण वैश्विक गुंजाइश रखते हैं, क्योंकि वैश्विक ऑब्जेक्ट गुंजाइश श्रृंखला के शीर्ष पर बैठता है। सख्त मोड में इनकी अनुमति नहीं है।
eval
में evalतार, चर घोषित का उपयोग कर varवर्तमान क्षेत्र में रखा जाएगा, या, यदि evalवैश्विक वस्तु पर गुण के रूप में, परोक्ष रूप से प्रयोग किया जाता है।
उदाहरण
निम्नलिखित नाम से एक सन्दर्भ फेंक देगा x, क्योंकि नाम yऔर zफ़ंक्शन का कोई अर्थ नहीं है f।
function f() {
var x = 1
let y = 1
const z = 1
}
console.log(typeof x) // undefined (because var has function scope!)
console.log(typeof y) // undefined (because the body of the function is a block)
console.log(typeof z) // undefined (because the body of the function is a block)
निम्नलिखित के लिए एक ReferenceError फेंक देते हैं yऔर zनहीं, बल्कि के लिए xकी वजह से दृश्यता, xब्लॉक से विवश नहीं है। ब्लॉक जो नियंत्रण संरचनाओं के निकायों को परिभाषित करते हैं if, forऔर while, इसी तरह व्यवहार करते हैं।
{
var x = 1
let y = 1
const z = 1
}
console.log(x) // 1
console.log(typeof y) // undefined because `y` has block scope
console.log(typeof z) // undefined because `z` has block scope
निम्नलिखित में, xलूप के बाहर दिखाई देता है क्योंकि varफ़ंक्शन गुंजाइश है:
for(var x = 0; x < 5; ++x) {}
console.log(x) // 5 (note this is outside the loop!)
... इस व्यवहार के कारण आपको varलूप में उपयोग किए जाने वाले घोषित चर पर बंद होने से सावधान रहने की आवश्यकता है । यहां xघोषित चर का केवल एक उदाहरण है, और यह लूप के बाहर तार्किक रूप से बैठता है।
निम्नलिखित प्रिंट 5, पांच बार, और फिर लूप 5के console.logबाहर छठी बार प्रिंट करता है:
for(var x = 0; x < 5; ++x) {
setTimeout(() => console.log(x)) // closes over the `x` which is logically positioned at the top of the enclosing scope, above the loop
}
console.log(x) // note: visible outside the loop
ब्लॉक-स्कोप होने के undefinedकारण निम्नलिखित प्रिंट x। कॉलबैक एक-एक करके अतुल्यकालिक रूप से चलाए जाते हैं। के लिए नई व्यवहार letचर का मतलब है कि प्रत्येक गुमनाम समारोह नाम के एक अलग चर के ऊपर बंद कर दिया x(विपरीत इसके साथ किया होता var), और इसलिए पूर्णांकों 0के माध्यम से 4मुद्रित कर रहे हैं .:
for(let x = 0; x < 5; ++x) {
setTimeout(() => console.log(x)) // `let` declarations are re-declared on a per-iteration basis, so the closures capture different variables
}
console.log(typeof x) // undefined
निम्नलिखित को नहीं फेंकेगा ReferenceErrorक्योंकि दृश्यता xब्लॉक द्वारा विवश नहीं है; हालाँकि, यह प्रिंट होगा undefinedक्योंकि वेरिएबल को इनिशियलाइज़ नहीं किया गया है ( ifस्टेटमेंट के कारण)।
if(false) {
var x = 1
}
console.log(x) // here, `x` has been declared, but not initialised
forलूप के शीर्ष पर घोषित एक चर का उपयोग लूप letके शरीर के लिए किया जाता है:
for(let x = 0; x < 10; ++x) {}
console.log(typeof x) // undefined, because `x` is block-scoped
निम्नलिखित को फेंक देगा ReferenceErrorक्योंकि दृश्यता xब्लॉक द्वारा विवश है:
if(false) {
let x = 1
}
console.log(typeof x) // undefined, because `x` is block-scoped
उपयोग किए जाने वाले चर घोषित किए गए हैं var, letया constसभी मॉड्यूल के लिए स्कूप किए गए हैं:
// module1.js
var x = 0
export function f() {}
//module2.js
import f from 'module1.js'
console.log(x) // throws ReferenceError
निम्नलिखित वैश्विक वस्तु पर एक संपत्ति की घोषणा करेगा, क्योंकि वैरिएबल varको वैश्विक संदर्भ में उपयोग करने की घोषणा की जाती है, वैश्विक वस्तु के गुणों के रूप में जोड़े जाते हैं:
var x = 1
console.log(window.hasOwnProperty('x')) // true
letऔर constवैश्विक संदर्भ में वैश्विक ऑब्जेक्ट में गुण नहीं जोड़ते हैं, लेकिन अभी भी वैश्विक गुंजाइश है:
let x = 1
console.log(window.hasOwnProperty('x')) // false
फ़ंक्शन बॉडी में फंक्शन पैरामीटर घोषित किए जा सकते हैं:
function f(x) {}
console.log(typeof x) // undefined, because `x` is scoped to the function
कैच-ब्लॉक बॉडी के लिए कैच ब्लॉक पैरामीटर स्कोप किए गए हैं:
try {} catch(e) {}
console.log(typeof e) // undefined, because `e` is scoped to the catch block
नामित फ़ंक्शन एक्सप्रेशन को केवल एक्सप्रेशन पर स्कोप किया जाता है:
(function foo() { console.log(foo) })()
console.log(typeof foo) // undefined, because `foo` is scoped to its own expression
गैर-सख्त मोड में, वैश्विक वस्तु पर स्पष्ट रूप से परिभाषित गुण वैश्विक रूप से स्कोप किए जाते हैं। सख्त मोड में आपको एक त्रुटि मिलती है।
x = 1 // implicitly defined property on the global object (no "var"!)
console.log(x) // 1
console.log(window.hasOwnProperty('x')) // true
गैर-सख्त मोड में, फ़ंक्शन घोषणाओं में फ़ंक्शन गुंजाइश होती है। सख्त मोड में उनके पास ब्लॉक स्कोप है।
'use strict'
{
function foo() {}
}
console.log(typeof foo) // undefined, because `foo` is block-scoped
यह हुड के नीचे कैसे काम करता है
स्कोप को कोड के शाब्दिक क्षेत्र के रूप में परिभाषित किया गया है जिसके ऊपर एक पहचानकर्ता मान्य है।
जावास्क्रिप्ट में, प्रत्येक फ़ंक्शन-ऑब्जेक्ट में एक छुपा [[Environment]]संदर्भ होता है जो निष्पादन संदर्भ (स्टैक फ्रेम) के शाब्दिक वातावरण का संदर्भ है जिसके भीतर इसे बनाया गया था।
जब आप किसी फ़ंक्शन का आह्वान करते हैं, तो छिपी हुई [[Call]]विधि को कहा जाता है। यह विधि एक नया निष्पादन संदर्भ बनाता है और नए निष्पादन संदर्भ और फ़ंक्शन-ऑब्जेक्ट के शाब्दिक वातावरण के बीच एक लिंक स्थापित करता है। यह [[Environment]]फ़ंक्शन-ऑब्जेक्ट पर मान को कॉपी करके , नए निष्पादन संदर्भ के शाब्दिक वातावरण पर एक बाहरी संदर्भ क्षेत्र में करता है।
ध्यान दें कि नए निष्पादन संदर्भ और फ़ंक्शन ऑब्जेक्ट के शाब्दिक वातावरण के बीच यह लिंक एक क्लोजर कहा जाता है ।
इस प्रकार, जावास्क्रिप्ट में, गुंजाइश को बाहरी संदर्भों द्वारा "श्रृंखला" में एक साथ जुड़े हुए शाब्दिक वातावरण के माध्यम से लागू किया जाता है। शाब्दिक वातावरण की इस श्रृंखला को स्कोप चेन कहा जाता है, और पहचानकर्ता रिज़ॉल्यूशन एक मेल पहचानकर्ता के लिए श्रृंखला की खोज करके होता है ।
पता लगाएँ कि अधिक ।
