फायरबग * कंसोल एपीआई

var a = ' '; console.log(a); console.log(' ', 12, true, [1,2,3], {a:1,b:2}); console.log('Node', document.getElementsByTagName('body')); console.log('DOM', document); console.log('', alert); console.log('', NaN, null, undefined); 

स्क्रीनशॉट

क्रोम -> फायरबग -> फ़ायरफ़ॉक्स -> ओपेरा

 console.log('   %d %s',10,''); console.log('  %f',Math.PI); console.log('%c %c %c%c    ','color:red;','font-size:16px;color:orange;','background:black;color:yellow;','font:normal;color:normal;background:normal;'); console.log('body as DOM: %o',document.getElementsByTagName('body')[0]); console.log('object: %O',{a:1,b:2}); console.log('body as Object: %O',document.getElementsByTagName('body')[0]); 

स्क्रीनशॉट

लब्बोलुआब यह है कि कंसोल ऑब्जेक्ट को अलग-अलग वातावरण में अलग-अलग तरीके से लागू किया जा सकता है। कुछ मामलों में, ऑब्जेक्ट को पूर्ण रूप से लागू किया जाता है, भले ही आप देशी कार्यों को पूरा करते हैं, अर्थात, यदि आप कंसोल .log.toString () को आउटपुट करने का प्रयास करते हैं; स्रोत कोड के बजाय हमें फ़ंक्शन [मूल कोड] मिलता है। कुछ परिवेशों में, जैसा कि मैं इसे समझता हूं, यह ऑब्जेक्ट बस उन चीजों को प्रदान करता है, जिन्हें कोष्ठक के साथ बुलाया जा सकता है, लेकिन वे पूर्ण-कार्य नहीं हैं: उन्हें कॉल / अप्लाई / बाइंड के साथ नहीं बुलाया जा सकता है। उदाहरणों से: क्रोम डीबगर और IE डिबगर।
मुख्य ऋण:
एक EventEmitter होने दें और हम इसकी सक्रियता को बढ़ावा देना चाहते हैं। ऐसा करने के लिए, बस उस पर किसी प्रकार का लकड़हारा हस्ताक्षर करें, उदाहरण के लिए कंसोल .log।

 object.on('event', console.log); 

यही है, कंसोल.लॉग को उन सभी मापदंडों के साथ कहा जाएगा जिनके साथ इस एमिटर पर कोई कॉलबैक कहा जाता है। आप इसे कंसोल.dir से बदल सकते हैं, फिर कुछ वातावरणों (Node.js) में पहले पैरामीटर का अधिक विस्तृत आउटपुट होगा। किसी भी स्थिति में, कंसोल.लॉग, कंसोल। डीआर फ़ंक्शन नहीं हैं, तो उन्हें कॉल नहीं किया जा सकता है, आपको एक बाध्यकारी लिखना होगा। इसके अलावा, कंसोल.लॉग के मामले में, बाध्यकारी दोषपूर्ण होगा: हम सभी मापदंडों को पारित नहीं कर पाएंगे, क्योंकि हम आवेदन नहीं कर सकते।

 function log (a1, a2, a3) { console.log(a1, a2, a3); //   arguments,     apply } 

और एक ही उपाय है - कृपा।
सामान्य तौर पर, फ़ंक्शन फ़ंक्शंस होने चाहिए।

 console.assert(2>1); console.assert(1>2); console.assert(2>1,' '); console.assert(1>2,' '); console.assert(1>2,'',''); console.assert(1>2,' : [%s]',''); console.assert(1>2,'','',1,2,3,{a:1}); 

स्क्रीनशॉट

 console.count(); console.count(); //    console.count(''); console.count(''); //      Chrome console.count('','',''); console.count(document); for (i=0;i<2;i++) console.count(); //      for (i=0;i<2;i++) console.count(''); //      

स्क्रीनशॉट

 var a = ' '; console.debug(a); console.debug(' ', 12, true, [1,2,3], {a:1,b:2}); console.debug('Node', document.getElementsByTagName('body')); console.debug('DOM', document); console.debug('', alert); console.debug('', NaN, null, undefined); console.debug('   %d %s',10,''); 

स्क्रीनशॉट

 console.dir(' '); console.dir([1,2]); console.dir({a:1}); console.dir([1,2],{a:1}); console.dir(document); 

स्क्रीनशॉट

 console.dirxml(' '); console.dirxml([1,2]); console.dirxml({a:1}); console.dirxml(document); console.dirxml([1,2],{a:1}); 

स्क्रीनशॉट

 console.error(); //   console.error('  '); console.error(' ', 12, true, [1,2,3], {a:1,b:2}); console.error('   %d %s',10,''); (function firstlevel () { (function secondlevel () { (function lastlevel () { console.error(' '); })(); })(); })(); console.error(new Error(' ')); //   

स्क्रीनशॉट

 console.exception(); //   console.exception('  '); console.exception(' ', 12, true, [1,2,3], {a:1,b:2}); console.exception('   %d %s',10,''); (function firstlevel () { (function secondlevel () { (function lastlevel () { console.exception(' '); })(); })(); })(); console.exception(new Error(' ')); //   

स्क्रीनशॉट

 console.log('  '); console.group(); //   console.log('   '); console.group(' ', '', '', '', 12, true, [1,2,3], {a:1,b:2}); console.log('   '); console.group(' %c', 'color: red;'); console.log('   '); console.groupCollapsed(' '); console.log('   '); console.groupEnd(); console.log('   '); console.groupEnd(); console.log('   '); 

स्क्रीनशॉट

 var a = ' '; console.info(a); console.info(' ', 12, true, [1,2,3], {a:1,b:2}); console.info('Node', document.getElementsByTagName('body')); console.info('DOM', document); console.info('', alert); console.info('', NaN, null, undefined); console.info('   %d %s',10,''); 

स्क्रीनशॉट

 console.profile(); (function someFunction() { for (i=0;i<10000000;i++) {var s='a'; s+='a'; delete s;} })() console.profileEnd(); console.profile(" "); (function someFunction() { for (i=0;i<10000000;i++) {var s='a'; s+='a'; delete s;} })() console.profileEnd(); 

स्क्रीनशॉट

 var table = []; table[0] = [1,'2',[1,2,3]]; table[1] = [document,document.getElementsByTagName('body'),window]; table[2] = [{a:1},null,alert]; console.table(table); function Person(firstName, lastName, age) { this.firstName = firstName; this.lastName = lastName; this.age = age; } var family = {}; family.mother = new Person("", "", 32); family.father = new Person("", "", 33); family.daughter = new Person("", "", 5); family.son = new Person("", "", 8); console.table(family); 

स्क्रीनशॉट

 console.timeStamp(); console.time(' '); (function someFunction() {for (i=0;i<1000000;i++) {var s='a'; s+='a'; delete s;}})() console.time('  '); (function someFunction() {for (i=0;i<1000000;i++) {var s='a'; s+='a'; delete s;}})() console.timeEnd('  '); (function someFunction() {for (i=0;i<1000000;i++) {var s='a'; s+='a'; delete s;}})() console.timeEnd(' '); console.timeStamp(' '); console.time(12); (function someFunction() {for (i=0;i<1000000;i++) {var s='a'; s+='a'; delete s;}})() console.timeEnd(12); console.time(document.getElementsByTagName('script')); (function someFunction() {for (i=0;i<1000000;i++) {var s='a'; s+='a'; delete s;}})() console.timeEnd(document.getElementsByTagName('body')); console.time(1,2,3); //   (function someFunction() {for (i=0;i<1000000;i++) {var s='a'; s+='a'; delete s;}})() console.timeEnd(1,3,2); console.time(); //   (function someFunction() {for (i=0;i<1000000;i++) {var s='a'; s+='a'; delete s;}})() console.timeEnd(); console.timeStamp(' '); 

स्क्रीनशॉट

 console.trace(); (function firstlevel () { (function secondlevel () { (function lastlevel () { console.trace(' '); })(); })(); })(); 

स्क्रीनशॉट

 var a = ' '; console.info(a); console.info(' ', 12, true, [1,2,3], {a:1,b:2}); console.info('Node', document.getElementsByTagName('body')); console.info('DOM', document); console.info('', alert); console.info('', NaN, null, undefined); console.info('   %d %s',10,''); 

स्क्रीनशॉट