Const और let को 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,.sample { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>Const and let in JavaScript</h1> <div class="sample"></div> <div style="color: green;" class="result"></div> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to reassign const and let value</h3> <script> let resEle = document.querySelector(".result"); let sampleEle = document.querySelector(".sample"); let a = 22; const b = 44; sampleEle.innerHTML = "let a = " + a + " "; sampleEle.innerHTML += "const b = " + b; document.querySelector(".Btn").addEventListener("click", () => { a = 99; resEle.innerHTML = "Reassigning a = " + a + " "; try { changeB(); } catch (err) { resEle.innerHTML += "Reassigning b = " + err; } }); function changeB() { b = 22; } </script> </body> </html>
आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:
'CLICK HERE' बटन पर क्लिक करने पर:
