जावास्क्रिप्ट केवल उन वेरिएबल्स के लिए ब्लॉक स्कोप का समर्थन करता है जिन्हें let या constkeyword का उपयोग करके घोषित किया गया था। वेरिएबल्स को var सपोर्ट फंक्शन स्कोप का उपयोग करके घोषित किया गया है लेकिन स्कोप को ब्लॉक नहीं किया गया है।
जावास्क्रिप्ट में ब्लॉक स्कोप प्रदर्शित करने के लिए कोड निम्नलिखित है -
उदाहरण
<!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;
color: blueviolet;
}
</style>
</head>
<body>
<h1>Block scope JavaScript</h1>
<div class="result"></div>
<br />
<button class="Btn">Click Here</button>
<h3>Click on the above button to create variables with var and let keyword and access them</h3>
<script>
let resEle = document.querySelector(".result");
let BtnEle = document.querySelector(".Btn");{
let a = 22;
}
{
var b = 44;
}
BtnEle.addEventListener("click", () => {
try {
resEle.innerHTML = a;
} catch (err) {
resEle.innerHTML = err + "<br>";
}
resEle.innerHTML += "var b = " + b;
});
</script>
</body>
</html> आउटपुट
'यहां क्लिक करें' बटन पर क्लिक करने पर -
