Console API का रेफ़रंस

Sofia Emelianova
Sofia Emelianova

अपनी JavaScript से कंसोल में मैसेज लिखने के लिए, Console API का इस्तेमाल करें. हमारे साथ शुरू करें विषय के बारे में इंटरैक्टिव जानकारी देने के लिए, कंसोल पर मैसेज लॉग करना.

अगर आपको debug(function) जैसे आसान तरीके चाहिए, तो Console Utility API का रेफ़रंस देखें या monitorEvents(node) जो सिर्फ़ Console पर उपलब्ध हैं.

console.asrt(एक्सप्रेशन, ऑब्जेक्ट)

लॉग लेवल: Error

जब expression का आकलन false में होता है, तो कंसोल में एक गड़बड़ी लिखता है.

const x = 5;
const y = 3;
const reason = 'x is expected to be less than y';
console.assert(x < y, {x, y, reason});

ऊपर दिए गए console.asrt() के उदाहरण का नतीजा.

console.clear()

कंसोल को हटा देता है.

console.clear();

अगर लॉग बचाएं की सेटिंग चालू है, तो console.clear() बंद हो जाता है.

इसके अलावा, आपके पास ALT_TEXT_HERE आइकॉन पर क्लिक करके, Console को हटाने का विकल्प भी है.

console.count([label])

लॉग लेवल: Info

यह जानकारी देता है कि एक ही लाइन में और समान लाइन में count() को कितनी बार शुरू किया गया है label. गिनती रीसेट करने के लिए, console.countReset([label]) पर कॉल करें.

console.count();
console.count('coffee');
console.count();
console.count();

ऊपर दिए गए console.count() के उदाहरण का नतीजा.

console.countReset([label])

गिनती को रीसेट करता है.

console.countReset();
console.countReset('coffee');

console.createTask(name)

यह फ़ंक्शन Task इंस्टेंस को दिखाता है, जो मौजूदा स्टैक ट्रेस को बनाए गए task ऑब्जेक्ट से जोड़ता है. बाद में, फ़ंक्शन को चलाने के लिए इस task ऑब्जेक्ट का इस्तेमाल किया जा सकता है (नीचे दिए गए उदाहरण में f). task.run(f), आर्बिट्रेरी पेलोड लागू करता है और रिटर्न वैल्यू को वापस कॉलर को फ़ॉरवर्ड करता है.

// Task creation
const task = console.createTask(name);

// Task execution
task.run(f); // instead of f();

task, बनाने के कॉन्टेक्स्ट और एक साथ काम नहीं करने वाले फ़ंक्शन के संदर्भ को आपस में लिंक करता है. इस लिंक की मदद से DevTools, एक साथ काम नहीं करने वाली कार्रवाइयों के लिए बेहतर स्टैक ट्रेस दिखा सकता है. ज़्यादा जानकारी के लिए, लिंक किए गए स्टैक ट्रेस देखें.

console.debug(object [, object, ...])

लॉग लेवल: Verbose

अलग लॉग लेवल को छोड़कर, console.log(object [, object, ...]) के बराबर है.

console.debug('debug');

ऊपर दिए गए console.debug() उदाहरण का नतीजा.

console.dir(object)

लॉग लेवल: Info

तय किए गए ऑब्जेक्ट का JSON फ़ॉर्मैट प्रिंट करता है.

console.dir(document.head);

ऊपर दिए गए console.dr() के उदाहरण का नतीजा.

console.dirxml(node)

लॉग लेवल: Info

node के डिसेंडेंट का एक्सएमएल प्रज़ेंटेशन प्रिंट करता है.

console.dirxml(document);

ऊपर दिए गए console.DIxml() के उदाहरण का नतीजा.

console.error(object [, ऑब्जेक्ट, ...])

लॉग लेवल: Error

कंसोल में object प्रिंट करता है, इसे गड़बड़ी के तौर पर फ़ॉर्मैट करता है, और इसमें एक स्टैक ट्रेस शामिल होता है.

console.error("I'm sorry, Dave. I'm afraid I can't do that.");

ऊपर दिए गए console.error() के उदाहरण का नतीजा.

console.group(label)

जब तक console.groupEnd(label) को कॉल नहीं किया जाता, तब तक मैसेज को विज़ुअल तौर पर एक साथ ग्रुप किया जाता है. इस्तेमाल की जाने वाली चीज़ें कंसोल में शुरुआती लॉग इन करने पर, ग्रुप को छोटा करने के लिए console.groupCollapsed(label).

const label = 'Adolescent Irradiated Espionage Tortoises';
console.group(label);
console.info('Leo');
console.info('Mike');
console.info('Don');
console.info('Raph');
console.groupEnd(label);

ऊपर दिए गए console.group() के उदाहरण का नतीजा.

इसके अलावा, आपके पास ग्रुप को नेस्ट करने का विकल्प भी है.

const timeline1 = 'New York 2012';
const timeline2 = 'Camp Lehigh 1970';
console.group(timeline1);
console.info('Mind');
console.info('Time');
console.group(timeline2);
console.info('Space');
console.info('Extra Pym Particles');
console.groupEnd(timeline2);
console.groupEnd(timeline1);

नेस्ट किए गए समूह.

console.groupCollapsed(label)

console.group(label) की तरह ही, बस इसमें लॉग इन करने पर ग्रुप को शुरुआत में छोटा कर दिया जाता है कंसोल.

console.groupEnd(label)

मैसेज को विज़ुअल तौर पर ग्रुप में रखने की सुविधा बंद करता है. console.group देखें.

console.info(object [, ऑब्जेक्ट, ...])

लॉग लेवल: Info

console.log(object [, object, ...]) के जैसा.

console.info('info');

ऊपर दिए गए console.info() के उदाहरण का नतीजा.

console.log(object [, ऑब्जेक्ट, ...])

लॉग लेवल: Info

कंसोल में मैसेज प्रिंट करता है.

console.log('log');

ऊपर दिए गए console.log() के उदाहरण का नतीजा.

console.table(अरे [, कॉलम])

लॉग लेवल: Info

ऑब्जेक्ट के कलेक्शन को टेबल के तौर पर लॉग करता है.

var people = [
  {
    first: 'René',
    last: 'Magritte',
  },
  {
    first: 'Chaim',
    last: 'Soutine',
    birthday: '18930113',
  },
  {
    first: 'Henri',
    last: 'Matisse',
  }
];
console.table(people);

ऊपर दिए गए console.table() के उदाहरण का नतीजा.

डिफ़ॉल्ट रूप से, console.table() टेबल का पूरा डेटा लॉग करता है. किसी एक कॉलम या कॉलम के सबसेट को दिखाने के लिए, दूसरे वैकल्पिक पैरामीटर का इस्तेमाल किया जा सकता है. साथ ही, एक स्ट्रिंग या स्ट्रिंग के कलेक्शन के तौर पर कॉलम का नाम या नाम तय किए जा सकते हैं. उदाहरण के लिए:

console.table(people, ['last', 'birthday']);

console.table() की मदद से लॉग की गई टेबल में कॉलम का एक सबसेट.

console.time([label])

नया टाइमर शुरू करता है. टाइमर बंद करने और बीता हुआ समय प्रिंट करने के लिए console.timeEnd([label]) को कॉल करें कर सकते हैं.

console.time();
for (var i = 0; i < 100000; i++) {
  let square = i ** 2;
}
console.timeEnd();

ऊपर दिए गए console.time() के उदाहरण का नतीजा.

console.timeEnd([label])

लॉग लेवल: Info

टाइमर को बंद करता है. console.time() देखें.

console.trace()

लॉग लेवल: Info

कंसोल में स्टैक ट्रेस को प्रिंट करता है.

const first = () => { second(); };
const second = () => { third(); };
const third = () => { fourth(); };
const fourth = () => { console.trace(); };
first();

ऊपर दिए गए console.trace() के उदाहरण का नतीजा.

console.Warn(object [, object, ...])

लॉग लेवल: Warning

कंसोल में चेतावनी का प्रिंट ले लेता है.

console.warn('warn');

ऊपर दिए गए console.varn() के उदाहरण का नतीजा.