जावास्क्रिप्ट में कॉन्स्टेंट्स कैसे बनाएं? उदाहरण सहित समझाएं।

परिचय

जावास्क्रिप्ट में const कीवर्ड (ES2015) का उपयोग उन वेरिएबल्स को घोषित करने के लिए किया जाता है जिन्हें पुनः असाइन नहीं किया जा सकता। हालांकि, यदि मान एक ऑब्जेक्ट या ऐरे है, तो इसकी प्रॉपर्टीज/एलिमेंट्स अभी भी मॉडिफाई की जा सकती हैं।

उदाहरण

निम्न कोड जावास्क्रिप्ट में कॉन्स्टेंट्स बनाने के लिए है:

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Const उदाहरण</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } </style> </head> <body> <h1>Const उदाहरण</h1> <button class="Btn">यहाँ क्लिक करें</button> <p class="sample"></p> <h3>कॉन्स्ट वैल्यू बदलने का प्रयास करने के लिए ऊपर दिए गए बटन पर क्लिक करें</h3> <script> const sampleEle = document.querySelector(".sample"); const a = 33; sampleEle.innerHTML = "a = " + a + "<br>"; document.querySelector(".Btn").addEventListener("click", () => { try { a = 44; // TypeError फेंकेगा } catch (err) { sampleEle.innerHTML += "Error: " + err.message; } }); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:

कॉन्स्टेंट वैल्यू बदलने के लिए 'यहाँ क्लिक करें' बटन पर क्लिक करने पर:

महत्वपूर्ण बिंदु

• const ब्लॉक-स्कोप्ड होता है (जैसे let)
• पुनः असाइनमेंट की अनुमति नहीं: const x = 1; x = 2; // TypeError
• ऑब्जेक्ट्स/ऐरे के लिए: बाइंडिंग स्थिर है, लेकिन सामग्री म्यूटेबल है
• घोषणा के समय इनिशियलाइज़ेशन आवश्यक है: const x; // SyntaxError
• टेम्पोरल डेड ज़ोन (TDZ) लागू होता है

ऑब्जेक्ट/ऐरे के साथ Const

const arr = [1, 2, 3];
arr.push(4);        // ✅ अनुमत - कंटेंट मॉडिफाई
arr = [1, 2, 3, 4]; // ❌ TypeError - पुनः असाइनमेंट

const obj = { a: 1 };
obj.a = 2;          // ✅ अनुमत
obj.b = 3;          // ✅ अनुमत
obj = {};           // ❌ TypeError

सर्वोत्तम अभ्यास

डिफ़ॉल्ट रूप से const का उपयोग करें, केवल तब let का उपयोग करें जब पुनः असाइनमेंट आवश्यक हो। var से बचें।