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

JavaScript console.log(): डिबगिंग का मूल उपकरण

console.log() 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; color: #666; } 
    button { padding: 10px 20px; background: #6c757d; color: white; border: none; border-radius: 4px; cursor: pointer; } 
</style> </head> <body> 
<h1>console.log() उदाहरण</h1> 
<button class="Btn">कंसोल में आउटपुट देखें (F12 दबाएं)</button> 
<h3>ब्राउज़र डेवलपर टूल्स खोलें (F12) → Console टैब</h3> 
<script> 
    const test = { a: 22, b: 'HELLO', c: 44 }; 
    console.log("ऑब्जेक्ट:", test); 
    console.log('HELLO WORLD'); 
    console.log("संख्या:", 42); 
    console.log("एरे:", [1, 2, 3]); 
    console.warn("चेतावनी संदेश"); 
    console.error("त्रुटि संदेश"); 
    console.table([{name: "रोहन", age: 22}, {name: "सोहन", age: 25}]); 
    console.group("समूह"); console.log("अंदर"); console.groupEnd(); 
    console.time("टाइमर"); console.timeEnd("टाइमर"); 
</script> </body> </html>

कंसोल मेथड्स तुलना

मेथडउपयोगस्टाइल
logसामान्य लॉगिंगसामान्य
infoसूचनात्मकनीला आइकन (कुछ ब्राउज़र)
warnचेतावनीपीला त्रिकोण
errorत्रुटिलाल क्रॉस
tableटेबुलर डेटासॉर्टेबल टेबल
group/groupEndसमूहीकरणकॉलेप्सिबल
time/timeEndपरफॉरमेंस मापनमिलीसेकंड में समय
traceस्टैक ट्रेसकॉल स्टैक

प्रो टिप्स

  • console.log(%cस्टाइल्ड टेक्स्ट, "color: red; font-size: 20px;") - CSS स्टाइलिंग
  • console.dir(obj) - ऑब्जेक्ट के सभी प्रॉपर्टीज देखें
  • console.assert(condition, msg) - केवल असफल होने पर लॉग
  • कॉमा सेपरेटेड मान: console.log("मान:", val, "अन्य:", val2)
  1. उदाहरण के साथ जावास्क्रिप्ट में इनहेरिटेंस उदाहरण के साथ जावास्क्रिप्ट में इनहेरिटेंस

    जावास्क्रिप्ट एक ऑब्जेक्ट-आधारित भाषा है जो प्रोटोटाइप पर आधारित है। इनहेरिटेंस को जावास्क्रिप्ट में प्रोटोटाइप ऑब्जेक्ट का उपयोग करके लागू किया जाता है। जावास्क्रिप्ट में इनहेरिटेंस लागू करने के लिए कोड निम्नलिखित है: उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=

  1. उदाहरण के साथ जावास्क्रिप्ट में डीप क्लोनिंग ऑब्जेक्ट समझाएं उदाहरण के साथ जावास्क्रिप्ट में डीप क्लोनिंग ऑब्जेक्ट समझाएं

    जावास्क्रिप्ट में डीप क्लोनिंग ऑब्जेक्ट का कोड निम्नलिखित है - उदाहरण <!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

  1. JavaScript में DOM से संबंधित वेरिएबल्स को console.log कैसे करें? JavaScript में DOM से संबंधित वेरिएबल्स को console.log कैसे करें?

    कंसोल पर वेरिएबल्स प्रदर्शित करने के लिए, document.getElementById() का उपयोग करें। उदाहरण निम्नलिखित कोड देखें: Document const data = document.getElementById(printTheData); console.log(data); उपरोक्त प्रोग्राम चलाने के लिए, फ़ाइल का नाम anyName.html (index.html) सेव करें।