दोस्तों इस chapter में हम JavaScript scope के बारे में जानेंगे तो चलिए शुरू करते है. Scope एक सेट ऑफ़ variable होता है scope variables की इन्फ्लुएंस को निर्धारित करता है. दूसरे शब्दों में, कहें तो scope आपके कोड के क्षेत्रों में variables और अन्य संसाधनों की visibility को निर्धारित करता है।
JavaScript में स्कोप variables, objects और functions की पहुंच को परिभाषित करता है। Scope आपके कोड में errors को कम करके और इसके साथ powerful डिजाइन pattern बनाने में आपकी सहायता करता है।
Global scope
Local scope
जब आप किसी document में JavaScript को लिखना शुरू करते हैं, तो आप पहले से ही global scope में हैं. एक global variable वैश्विक दायरा है आप web page पर सभी स्क्रिप्ट और फ़ंक्शन में इसे एक्सेस कर सकते हैं।
<!DOCTYPE html> <html> <body> <h2>JavaScript Scope</h2> <p>A global variable example</p> <p id="demo"></p> <script> var carName = "BMW"; myFunction(); function myFunction() { document.getElementById("demo").innerHTML = "I can display " + carName; } </script> </body> </html>
A global variable example
एक JavaScript फ़ंक्शन के अंदर declared variable फ़ंक्शन के लिए local scope बन जाते हैं, और उस समारोह के हर कॉल के लिए उनके पास एक अलग scope है. इसका अर्थ है कि एक ही नाम वाले variable विभिन्न कार्यों में उपयोग किए जा सकते हैं इसका मतलब यह है कि वे variable उनके संबंधित कार्यों के लिए बंधे हैं, जिनमें से प्रत्येक अलग-अलग scope हैं, और अन्य कार्यों में उपलब्ध नहीं हैं।
<!DOCTYPE html> <html> <body> <h2>Demo Global scope</h2> <p>ReferenceError userName is not defined</p> <p id="demo1"></p> <p id="demo2"></p> <script> myFunction(); function myFunction() { var carName = "BMW"; document.getElementById("demo1").innerHTML = typeof carName + " " + carName; } document.getElementById("demo2").innerHTML = typeof carName; </script> </body> </html>
ReferenceError userName is not defined