अगर आपको मेरे लेख पसंद आते हैं, तो आप मेरे लिए एक कॉफी खरीद सकते हैं :)

कंसोल एपीआई का उपयोग डिबगिंग, संदेशों को प्रिंट करने और विभिन्न सूचनाओं को कंसोल में स्थानांतरित करने के लिए किया जाता है, विशेष रूप से जावास्क्रिप्ट रनटाइम में जैसे ब्राउज़र और Node.js. लेकिन कंसोल एपीआई का सही ढंग से उपयोग करने के लिए, आपको यह जानना होगा कि कंसोल एपीआई क्या है।

इस लेख में, मैं आपको कंसोल एपीआई समझाऊंगा। कंसोल एपीआई एक ऑब्जेक्ट है। इस ऑब्जेक्ट में कुंजियाँ हैं, और जब आप एक कंसोल विधि लिखते हैं, तो आप कंसोल ऑब्जेक्ट में एक कुंजी के मान तक पहुँचते हैं।

अब, मैं आपको अपने स्वयं के कंसोल ऑब्जेक्ट को कोड करके समझाऊंगा ताकि आप इस तर्क को समझ सकें कि लॉग विधि कंसोल एपीआई में कैसे काम करती है।

const customConsole = {
    log: function(message) {
        const timestamp = new Date().toISOString();
        const output = `[${timestamp}] LOG: ${message}`;
        alert(output); // Displaying the output (replace with console.log in a real scenario)
    }
};

customConsole.log("Hello, this is a custom console log!");

कोड को पढ़ने का प्रयास करें। जैसा कि कोड में देखा जा सकता है, मैंने एक कस्टम कंसोल ऑब्जेक्ट बनाया और इस ऑब्जेक्ट के लिए एक कुंजी परिभाषित की, और इस कुंजी का मान एक फ़ंक्शन है। फिर मैंने इस ऑब्जेक्ट की लॉग कुंजी तक पहुंच बनाई।

परिणामस्वरूप, कंसोल एपीआई में केवल "लॉग" विधि नहीं है। तो कितने हैं? आइए अब पता करें।

जैसा कि फोटो में देखा गया है, कंसोल ऑब्जेक्ट में एक से अधिक कुंजी और इन कुंजियों का मान है। ये मान फ़ंक्शन हैं।

हम इन कार्यों को कंसोल ऑब्जेक्ट से एक्सेस कर सकते हैं।

console.error()
console.warn()

अब आइए जानें कि इनमें से कुछ फ़ंक्शन क्या करते हैं।

1. कंसोल.डीबग()

console.debug, जावास्क्रिप्ट में एक फ़ंक्शन जिसका उपयोग ब्राउज़र कंसोल में debugging उद्देश्यों के लिए किया जाता है। डिफ़ॉल्ट रूप से, console.debug() विधि से आउटपुट क्रोम डेवलपर टूल्स में दिखाई नहीं देगा।

उदाहरण :

function subtract(a, b) {
    console.debug("subtract function called:", { a, b });
    const result = a - b;

    if (result > 0) {
        console.debug("Result is positive.");
    } else if (result 



आउटपुट : 



console.debug() विधि से आउटपुट Chrome डेवलपर टूल में दिखाई नहीं देगा।



  
  
  2. कंसोल.त्रुटि()


यह जावास्क्रिप्ट में उपयोग की जाने वाली एक विधि है कंसोल पर त्रुटि संदेश प्रिंट करने के लिए। इसका उपयोग त्रुटि होने पर डिबगिंग की सुविधा के लिए किया जाता है। संदेश को विशेष स्वरूपण प्राप्त हो सकता है, जैसे लाल रंग और एक त्रुटि चिह्न।

उदाहरण :


async function fetchData(ıd) {
    try {
        const response = await fetch(`https://jsonplaceholder.typicode.com/posts/${ıd}`);

        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }

        const data = await response.json();
        console.log("posts data fetched successfully:", data);
        return data;

    } catch (error) {
        console.error(" error posts data :", error.message);
    }
}

fetchData(1);





यदि डेटा प्राप्त करते समय कोई त्रुटि होती है, तो यह आउटपुट है: 





  
  
  3. कंसोल.चेतावनी()


यह जावास्क्रिप्ट में संभावित समस्याओं या स्थितियों को प्रिंट करने के लिए उपयोग की जाने वाली एक विधि है, जिसके लिए कंसोल पर ध्यान देने की आवश्यकता होती है। इसका उपयोग त्रुटि होने पर डिबगिंग की सुविधा के लिए किया जाता है। संदेश को विशेष स्वरूपण प्राप्त हो सकता है, जैसे पीला रंग और एक चेतावनी आइकन।

उदाहरण :


  if (password.length 





  
  
  4. कंसोल.डीआईआर()


console.dir() विधि निर्दिष्ट जावास्क्रिप्ट ऑब्जेक्ट के गुणों की एक सूची प्रदर्शित करती है। ब्राउज़र कंसोल में, आउटपुट को प्रकटीकरण त्रिकोण के साथ एक पदानुक्रमित सूची के रूप में प्रस्तुत किया जाता है जो आपको चाइल्ड ऑब्जेक्ट की सामग्री देखने देता है।

उदाहरण :


const basket =  {
    name : "t-shirt",
    price : 100,
    quantity : 1,
    color : [ "blue" , "red" , "yellow"],
    size : [ "xs" , "s" , "m" , "l" , "xl"],
    total : function() {
        return this.price * this.quantity;
    }

}

console.dir(basket)




आउटपुट : 





  
  
  5. कंसोल.dirxml()


console.dirxml() विधि निर्दिष्ट XML/HTML तत्व के वंशज तत्वों का एक इंटरैक्टिव ट्री प्रदर्शित करती है। यदि तत्व के रूप में प्रदर्शित करना संभव नहीं है तो इसके बजाय जावास्क्रिप्ट ऑब्जेक्ट दृश्य दिखाया जाता है। आउटपुट को विस्तार योग्य नोड्स की एक पदानुक्रमित सूची के रूप में प्रस्तुत किया गया है जो आपको चाइल्ड नोड्स की सामग्री देखने देता है।

उदाहरण :


console.dirxml(document.body);




आउटपुट :





  
  
  6. कंसोल.assert()


यदि दावा गलत है तो console.assert() विधि कंसोल पर एक त्रुटि संदेश लिखती है। यदि दावा सत्य है, तो कुछ नहीं होता।

उदाहरण :


consolle.assert("a" === "f" , error message)




आउटपुट : 





  
  
  7. कंसोल.काउंट()


console.count() विधि उस संख्या को लॉग करती है जितनी बार इस विशेष कॉल को count() पर कॉल किया गया है।

उदाहरण :


function greet(user) {
  console.count();
  return `hi ${user}`;
}

greet("micheal");
greet("roman");
greet();
console.count();




आउटपुट : 





  
  
  निष्कर्ष


यदि कोई शर्त सत्य नहीं है, तो यह एक त्रुटि संदेश प्रिंट करता है। यदि शर्त सत्य है, तो यह कुछ भी प्रिंट नहीं करेगा।