[{"data":1,"prerenderedAt":295},["ShallowReactive",2],{"term-c\u002Fconsole":3,"related-c\u002Fconsole":288},{"id":4,"title":5,"acronym":6,"body":7,"category":271,"description":272,"difficulty":273,"extension":274,"letter":275,"meta":276,"navigation":277,"path":278,"related":279,"seo":282,"sitemap":283,"stem":286,"subcategory":6,"__hash__":287},"terms\u002Fterms\u002Fc\u002Fconsole.md","Console",null,{"type":8,"value":9,"toc":265},"minimark",[10,15,19,23,26,30,254,258,261],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"The console is the JavaScript developer's best friend and worst habit. You use console.log() to print values for debugging. Leave too many in production and your users' DevTools consoles look like a confessional. There are also console.warn(), console.error(), console.table(), and console.group() — most people only know log().",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"The console is a browser (and Node.js) API for outputting messages to the developer console. Beyond console.log(), the API includes console.error() (red), console.warn() (yellow), console.table() (tabular data), console.group()\u002Fconsole.groupEnd() (nested groups), console.time()\u002Fconsole.timeEnd() (performance timing), and console.trace() (stack traces).",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","console.log('Simple log', { user })\nconsole.error('Something went wrong:', error)\nconsole.warn('Deprecated API used')\nconsole.table([{ name: 'Alice', age: 30 }, { name: 'Bob', age: 25 }])\nconsole.time('render')\n\u002F\u002F ... do something\nconsole.timeEnd('render') \u002F\u002F render: 4.2ms\n","javascript","",[38,39,40,84,108,129,202,223,230],"code",{"__ignoreMap":36},[41,42,45,49,53,57,60,63,67,69,72,75,78,81],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sTEyZ","console",[41,50,52],{"class":51},"sMK4o",".",[41,54,56],{"class":55},"s2Zo4","log",[41,58,59],{"class":47},"(",[41,61,62],{"class":51},"'",[41,64,66],{"class":65},"sfazB","Simple log",[41,68,62],{"class":51},[41,70,71],{"class":51},",",[41,73,74],{"class":51}," {",[41,76,77],{"class":47}," user ",[41,79,80],{"class":51},"}",[41,82,83],{"class":47},")\n",[41,85,87,89,91,94,96,98,101,103,105],{"class":43,"line":86},2,[41,88,48],{"class":47},[41,90,52],{"class":51},[41,92,93],{"class":55},"error",[41,95,59],{"class":47},[41,97,62],{"class":51},[41,99,100],{"class":65},"Something went wrong:",[41,102,62],{"class":51},[41,104,71],{"class":51},[41,106,107],{"class":47}," error)\n",[41,109,111,113,115,118,120,122,125,127],{"class":43,"line":110},3,[41,112,48],{"class":47},[41,114,52],{"class":51},[41,116,117],{"class":55},"warn",[41,119,59],{"class":47},[41,121,62],{"class":51},[41,123,124],{"class":65},"Deprecated API used",[41,126,62],{"class":51},[41,128,83],{"class":47},[41,130,132,134,136,139,142,145,149,152,155,158,160,162,165,167,171,174,176,178,180,182,185,187,189,191,193,196,199],{"class":43,"line":131},4,[41,133,48],{"class":47},[41,135,52],{"class":51},[41,137,138],{"class":55},"table",[41,140,141],{"class":47},"([",[41,143,144],{"class":51},"{",[41,146,148],{"class":147},"swJcz"," name",[41,150,151],{"class":51},":",[41,153,154],{"class":51}," '",[41,156,157],{"class":65},"Alice",[41,159,62],{"class":51},[41,161,71],{"class":51},[41,163,164],{"class":147}," age",[41,166,151],{"class":51},[41,168,170],{"class":169},"sbssI"," 30",[41,172,173],{"class":51}," },",[41,175,74],{"class":51},[41,177,148],{"class":147},[41,179,151],{"class":51},[41,181,154],{"class":51},[41,183,184],{"class":65},"Bob",[41,186,62],{"class":51},[41,188,71],{"class":51},[41,190,164],{"class":147},[41,192,151],{"class":51},[41,194,195],{"class":169}," 25",[41,197,198],{"class":51}," }",[41,200,201],{"class":47},"])\n",[41,203,205,207,209,212,214,216,219,221],{"class":43,"line":204},5,[41,206,48],{"class":47},[41,208,52],{"class":51},[41,210,211],{"class":55},"time",[41,213,59],{"class":47},[41,215,62],{"class":51},[41,217,218],{"class":65},"render",[41,220,62],{"class":51},[41,222,83],{"class":47},[41,224,226],{"class":43,"line":225},6,[41,227,229],{"class":228},"sHwdD","\u002F\u002F ... do something\n",[41,231,233,235,237,240,242,244,246,248,251],{"class":43,"line":232},7,[41,234,48],{"class":47},[41,236,52],{"class":51},[41,238,239],{"class":55},"timeEnd",[41,241,59],{"class":47},[41,243,62],{"class":51},[41,245,218],{"class":65},[41,247,62],{"class":51},[41,249,250],{"class":47},") ",[41,252,253],{"class":228},"\u002F\u002F render: 4.2ms\n",[11,255,257],{"id":256},"when-youll-hear-this","When You'll Hear This",[16,259,260],{},"Remove console.log statements before committing — ESLint can enforce this.,console.table() is criminally underused for visualizing arrays of objects.,console.time\u002FtimeEnd is quick profiling without opening the Performance panel.",[262,263,264],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":86,"depth":86,"links":266},[267,268,269,270],{"id":13,"depth":86,"text":14},{"id":21,"depth":86,"text":22},{"id":28,"depth":86,"text":29},{"id":256,"depth":86,"text":257},"frontend","The console is the JavaScript developer's best friend and worst habit. You use console.log() to print values for debugging.","beginner","md","c",{},true,"\u002Fterms\u002Fc\u002Fconsole",[280,281],"DevTools","ESLint",{"title":5,"description":272},{"changefreq":284,"priority":285},"weekly",0.7,"terms\u002Fc\u002Fconsole","-PuebcGROx3hVj_9dF6Yxyoug4azlpsLqIDW0jH6L2U",[289,292],{"title":280,"path":290,"acronym":6,"category":271,"difficulty":273,"description":291},"\u002Fterms\u002Fd\u002Fdevtools","DevTools is the built-in developer panel in every major browser (press F12 or right-click → Inspect).",{"title":281,"path":293,"acronym":6,"category":271,"difficulty":273,"description":294},"\u002Fterms\u002Fe\u002Feslint","ESLint is the code cop that reads your JavaScript and yells at you when you do something wrong or inconsistent.",1776518268847]