ब्लॉक स्कोप दो {घुंघराले ब्रेसिज़} के बीच का क्षेत्र है जो लूप्स के बीच हो सकता है, यदि कंडीशन या स्विच स्टेटमेंट। ES2015 में पेश किए गए let और const हमें ब्लॉक स्कोप्ड वेरिएबल बनाने की अनुमति देते हैं जिन्हें केवल उन ब्लॉक के अंदर ही एक्सेस किया जा सकता है।
जावास्क्रिप्ट में ब्लॉक स्कोपिंग दिखाने वाला कोड निम्नलिखित है -
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result{
font-size: 20px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>Block scoping in JavaScript</h1>
<div style="color: green;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to access variable inside and outside the block</h3>
<script>
let resEle = document.querySelector(".result");
document.querySelector(".Btn").addEventListener("click", () => {
let b = 44;{
let a = 22;
}
resEle.innerHTML = 'Accessing variable inside its block b = ' + b + '<br>';
try{
a
}
catch(err){
resEle.innerHTML += 'Accessing variable outside its block a = ' + err;
}
});
</script>
</body>
</html> आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
'यहां क्लिक करें' बटन पर क्लिक करने पर -
