दिलचस्प कंसोल ऑब्जेक्ट विधियों की एक जोड़ी

शुभ दिन, दोस्तों!

इस संक्षिप्त नोट में, मैं आपके साथ सांत्वना ऑब्जेक्ट के कुछ तरीकों के बारे में जानकारी साझा करना चाहता हूं जो कि कंसोल.लॉग () के साथ उपयोग किए जा सकते हैं।

विधियों की एक पूरी सूची यहां पाई जा सकती है ।

शब्दों से लेकर एक्शन तक। हां, क्रोम का उपयोग काम करने के लिए किया जाएगा।

Console.debug () और कंसोल.info ()

Console.debug () और कंसोल.info () कंसोल के लिए सूचना संदेशों को आउटपुट करने के लिए उपयोग किया जाता है और, वास्तव में, कंसोल.लॉग () के एनालॉग हैं। कंसोल डीबग () की विशेषताओं में से एक यह है कि इस विधि द्वारा प्रदर्शित संदेश केवल तभी प्रदर्शित होता है जब कंसोल डिबग स्तर संदेश प्रदर्शित करने के लिए कॉन्फ़िगर किया गया हो (क्रोम के लिए, वर्बोज़ के स्तर टैब में एक चेकमार्क है)।

आइए कुछ वस्तुओं का निर्माण करें:

const harry = { name: 'Harry', age: 28, married: false, job: 'developer', salary: 300, }, alice = { name: 'Alice', age: 23, married: false, job: 'manager', salary: 100, }, bob = { name: 'Bob', age: 32, married: true, job: 'tester', salary: 200 } 

कंसोल में उन्हें सूचीबद्ध करें। कंसोल का उपयोग करके। (हैरी, ऐलिस, बॉब):


अब, कंसोल.debug () का उपयोग करके, अतिरिक्त जानकारी प्रदान करना ("\ n" लाइन फ़ीड के लिए नियंत्रण वर्ण है, शुरुआत में स्थान संरेखण के लिए है):

 console.debug( ' The first employee is', harry.name, '\n The second employee is', alice.name, '\n The third employee is', bob.name ) 

हम निम्नलिखित प्राप्त करते हैं:


अंत में, कंसोल.info (), वाइल्डकार्ड का उपयोग करके ("% s" एक स्ट्रिंग है, "% d" एक संख्या है, "% s" शैलियों को लागू करने के लिए एक निर्देश है):

 console.info(' This is %c%s%c. \n He\'s %d years old. \n He\'s %s. \n He works as %s. \n His salary is %d.', 'font-size: 1.2em; font-weight: 600; color: deepskyblue; text-decoration: underline;', harry.name, '', harry.age, harry.married ? 'married' : 'not married', harry.job, harry.salary) 

परिणाम (ध्यान दें "हैरी" हमने% c में लपेटा है):

Console.count ()

Console.count () एक विशिष्ट लेबल (विधि पैरामीटर में पारित) के साथ विधि कॉल की संख्या प्रदर्शित करता है। दिए गए मान के साथ काउंटर को रीसेट करने के लिए, कंसोल.काउंटरसेट () का उपयोग करें।

MDN के साथ थोड़ा संशोधित उदाहरण:

 let user = '' function greet() { console.count(user) return 'hi ' + user } user = 'bob' greet() user = 'alice' greet() greet() console.count('alice') 

हम निम्नलिखित देखते हैं:


व्यक्तिगत रूप से, मैं इस पद्धति का उपयोग करने में सक्षम नहीं हूं, लेकिन अवसर दिलचस्प लग रहा था।

Console.group ()

Console.group () का उपयोग समूह संदेशों (एक स्तर पर एक सही बदलाव के साथ) के लिए किया जाता है। समूहों को नाम दिए जा सकते हैं। समूह को बंद करने के लिए, कंसोल .groupEnd () का उपयोग करें। Console.groupCollapsed () कंसोल.ग्रुप () के समान है, लेकिन आउटपुट एक न्यूनतम समूह में है (हम पहले बनाई गई वस्तुओं के साथ काम करते हैं):

 console.groupCollapsed('harry') console.log(harry.name) console.log(harry.age) console.log(harry.married) console.log(harry.job) console.log(harry.salary) console.groupEnd() console.groupCollapsed('alice') console.log(alice.name) console.log(alice.age) console.log(alice.married) console.log(alice.job) console.log(alice.salary) console.groupEnd() console.groupCollapsed('bob') console.log(bob.name) console.log(bob.age) console.log(bob.married) console.log(bob.job) console.log(bob.salary) console.groupEnd() 

हमें मिलता है:

Console.table ()

Console.table () तालिका में डेटा प्रदर्शित करता है।

वस्तुओं की एक सरणी बनाएँ:

 let staff = [{ name: 'Harry', age: 29, married: false, job: 'developer', salary: 'many', }, { name: 'Alice', age: 23, married: false, job: 'manager', salary: 'few' }, { name: 'Bob', age: 32, married: true, job: 'tester', salary: 'medium' } ] 

कंसोल.लॉग (सामान) का उपयोग करके इसे वितरित करें:


बहुत स्पष्ट नहीं, सहमत।

अब कंसोल का उपयोग कर रहा है। स्थिर (सामान):


अलग बात है।

Console.time ()

Console.time () पारित पैरामीटर से नाम के साथ एक टाइमर शुरू करता है। कंसोल कंसोल का उपयोग कर टाइमर बंद कर दिया गया है। और ()। मध्यवर्ती मानों को ठीक करने के लिए, कंसोल। टाइमलॉग () का उपयोग करें:

 console.time('time') //    function fact(n) { return n ? n * fact(n - 1) : 1 } console.log(fact(12)) console.timeLog('time') //    function fib(n) { return n <= 1 ? n : fib(n - 1) + fib(n - 2) } console.log((fib(34))) // :      console.timeEnd('time') 

परिणाम:

Console.trace ()

Console.trace () स्टैक ट्रेस को प्रिंट करता है। इसका उपयोग फ़ंक्शन कॉल के अनुक्रम को निर्धारित करने के लिए किया जा सकता है।

MDN के साथ थोड़ा संशोधित उदाहरण:

 foo() function foo() { //  bar() } function bar() { //   baz() } function baz() { //    console.trace('stack traces:') } 

परिणाम:


खुद का इस्तेमाल कभी नहीं किया, लेकिन नोट ले लिया।

मेरे लिए यही सब है ऑल द बेस्ट।