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

डिबगिंग लगभग एक अपराध की जांच करने जैसा है जहां आप मुख्य अपराधी हैं - फिलीप फोर्टिस

लेकिन आमतौर पर इस्तेमाल किए जाने वाले कंसोल.लॉग () फ़ंक्शन के अलावा, कई और उपकरण हैं जो प्रक्रिया को सरल कर सकते हैं। आइए उनमें से कुछ को सरल उदाहरणों के साथ देखें।

कंसोल.लॉग (), .info (), .debug (), .warn (), .error ()।

घटना के प्रकार के अनुरूप रंग के साथ लाइन को प्रिंट करना सबसे सरल है।

हम प्लेसहोल्डर्स का उपयोग करते हैं

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

% ओ - वस्तु के लिए
% s - स्ट्रिंग के लिए
% d - दशमलव या पूर्णांक के लिए

सीएसएस जोड़ें

पर्याप्त जानकारी / चेतावनी / त्रुटि नहीं? इससे कोई फर्क नहीं पड़ता! संदेशों को सांत्वना देने के लिए आप CSS लागू कर सकते हैं।

संदेश के केवल भाग के लिए सीएसएस लागू करना चाहते हैं? यह इस प्रकार किया जाता है:

कंसोल .ir ()

हमारे लिए ब्याज की वस्तु के JSON प्रतिनिधित्व को प्रिंट करना अक्सर बहुत अधिक सुविधाजनक होता है।

HTML आउटपुट

कंसोल में HTML तत्वों को उसी तरह से जांचा जा सकता है जैसे निरीक्षक में।

कंसोल.टेबल ()

JSON की सूची में डेटा को जल्दी से देखना चाहते हैं?

कंसोल.ग्रुप () और कंसोल.ग्रुपएंड ()

कंसोल में संदेश सुविधा के लिए समूहीकृत किए जा सकते हैं।

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

यह फ़ंक्शन रिकॉर्ड करता है कि इसे कितनी बार बुलाया गया है।

यदि वैकल्पिक तर्क लेबल पारित किया जाता है, तो फ़ंक्शन उसी लेबल के साथ कॉल की संख्या रिकॉर्ड करेगा।

यदि फ़ंक्शन को मापदंडों के बिना कहा जाता है, तो यह उसी पंक्ति पर कॉल की संख्या रिकॉर्ड करेगा।

कंसोल.स्सर्ट ()

जब आप स्थिति के अनुसार जानकारी प्रदर्शित करना चाहते हैं तो इसका उपयोग करना सुविधाजनक होता है। केवल संदेश जहां मुखर () गलत है का पहला तर्क मुद्रित किया जाएगा।

कंसोल.ट्रेस ()

यह विधि आपको यह समझने में मदद करेगी कि कोड एक निश्चित बिंदु तक कैसे पहुंचा।

कंसोल.टाइम ()

कोड के एक टुकड़े के निष्पादन समय को मापने का सबसे आसान तरीका।

console.memory

अंत में यह पता लगाना चाहते हैं कि सभी मुफ्त रैम कहां गए?

कंसोल। क्लियर ()

एक साफ स्लेट के साथ आरंभ करने के लिए उपयोग करें। पिछले संदेशों के कंसोल को पूरी तरह से साफ़ करता है।

// time and time end console.time("This"); let total = 0; for (let j = 0; j < 10000; j++) { total += j } console.log("Result", total); console.timeEnd("This"); // Memory console.memory // Assertion const errorMsg = 'Hey! The number is not even'; for (let number = 2; number <= 5; number += 1) { console.assert(number % 2 === 0, {number: number, errorMsg: errorMsg}); } // Count for (let i = 0; i < 11; i++) { console.count(); } // group & groupEnd console.group(); console.log('Test message'); console.group(); console.log('Another message'); console.log('Something else'); console.groupEnd(); console.groupEnd(); // Table const items = [ { name: "chair", inventory: 5, unitPrice: 45.99 }, { name: "table", inventory: 10, unitPrice: 123.75 }, { name: "sofa", inventory: 2, unitPrice: 399.50 } ]; console.table(items) // Clear console.clear() // HTML Element let element = document.getElementsByTagName("BODY")[0]; console.log(element) // Dir const userInfo = {"name":"John Miller", "id":2522, "theme":"dark"} console.dir(userInfo); // Color console.log('%cColor of the text is green plus small font size', 'color: green; font-size: x-small'); // pass object, variable const userDetails = {"name":"John Miller", "id":2522, "theme":"dark"} console.log("Hey %s, here is your details %o in form of object", "John", userDetails); // Default console.log('console.log'); console.info('console.info'); console.debug('console.debug'); console.warn('console.warn'); console.error('console.error');