Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript Const: ब्लॉक-स्कोप्ड कॉन्स्टेंट्स

const ES2015 (ES6) में पेश किया गया एक ब्लॉक-स्कोप्ड वेरिएबल डिक्लेरेशन है जो रीअसाइनमेंट को रोकता है। यह आधुनिक JavaScript में डिफ़ॉल्ट विकल्प होना चाहिए जब रीअसाइनमेंट की आवश्यकता न हो।

उदाहरण

<!DOCTYPE html> <html> <head> <style> 
    body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; padding: 20px; } 
    .sample { font-size: 18px; font-weight: 500; line-height: 1.8; } 
    button { padding: 10px 20px; background: #dc3545; color: white; border: none; border-radius: 4px; cursor: pointer; } 
</style> </head> <body> 
<h1>JavaScript Const उदाहरण</h1> 
<button class="Btn">Const मान बदलने का प्रयास करें</button> 
<p class="sample"></p> 
<h3>ऊपर दिए गए बटन पर क्लिक करके const रीअसाइनमेंट त्रुटि देखें</h3> 
<script> 
    const sampleEle = document.querySelector(".sample"); 
    const a = 33; 
    sampleEle.innerHTML = "a = " + a + "<br>"; 
    
    document.querySelector(".Btn").addEventListener("click", () => { 
        try { 
            a = 44; // TypeError: Assignment to constant variable 
        } catch (err) { 
            sampleEle.innerHTML += "त्रुटि: " + err.message + "<br>"; 
            sampleEle.innerHTML += "कॉन्स्टेंट मान बदला नहीं जा सकता!"; 
        } 
    }); 
</script> </body> </html>

आउटपुट

बटन क्लिक करने पर: त्रुटि: Assignment to constant variable

Const के महत्वपूर्ण नियम

नियमउदाहरणपरिणाम
रीअसाइनमेंट नहींconst x = 1; x = 2;TypeError
इनिशियलाइज़ेशन आवश्यकconst x;SyntaxError
ब्लॉक स्कोप{ const x = 1; } console.log(x);ReferenceError
ऑब्जेक्ट म्यूटेशन अनुमतconst obj = {}; obj.prop = 1;काम करता है
एरे म्यूटेशन अनुमतconst arr = []; arr.push(1);काम करता है

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

  • डिफ़ॉल्ट: const उपयोग करें
  • रीअसाइनमेंट जरूरी हो: let उपयोग करें
  • वैरिएबल नहीं: var उपयोग न करें (होइस्टिंग मुद्दे)
  • ऑब्जेक्ट फ्रीज: पूरी तरह इम्म्यूटेबल के लिए Object.freeze() उपयोग करें
  1. - जावास्क्रिप्ट में \d बनाम \D

    \d बनाम \D \d और \D में बहुत अंतर है जिसमें पूर्व अंकों में परिणाम देता है और बाद वाला गैर-अंकों जैसे e, ^, आदि में परिणाम देता है। ये ग्लोबल ऑब्जेक्ट g के साथ उपयोग किए जाते हैं ताकि टेक्स्ट में सभी अंक और गैर-अंक आउटपुट में प्रदर्शित हों। आइए इसे विस्तार से समझते हैं। सिंटैक्स-1 new RegExp(\\d, g

  1. JavaScript में Const vs Let JavaScript में Const vs Let

    Const और let को ES2015 में ब्लॉक-स्कोप्ड वेरिएबल घोषित करने के लिए पेश किया गया था। जबकि let का उपयोग करके घोषित वेरिएबल को पुनः असाइन किया जा सकता है, const का उपयोग करके घोषित वेरिएबल को पुनः असाइन नहीं किया जा सकता। उदाहरण <!DOCTYPE html> <html lang="en"> <head> <me

  1. - JavaScript में कैमलकेस स्ट्रिंग को विभाजक के साथ अलग करना (Uncamelising)

    हमें एक JavaScript फ़ंक्शन लिखना है जो पहले तर्क के रूप में एक स्ट्रिंग और दूसरे तर्क के रूप में एक विभाजक वर्ण लेता है। पहली स्ट्रिंग के कैमलकेस होने की गारंटी है। फ़ंक्शन को स्ट्रिंग के केस को दूसरे तर्क के रूप में प्रदान किए गए विभाजक द्वारा शब्दों को अलग करके बदलना चाहिए। उदाहरण के लिए - यदि इन