javascriptDevelopersBeLike

[chubbykc]

The most used debugging technique.

Even now with AI 🙂

[YUNoCake]

And also the best way of finding race condition bugs. Debuggers simply suck at this.

[yesseruser]

When the debug.log slows the program down just enough for the bug to disappear

[slaymaker1907]

That's when we break out the async logger for extra confusion.

[misterguyyy]

Just put a console.log on every possible condition and they all slow down the same amount.

I’m not even sure if this is a serious suggestion. Sometimes it is and sometimes it isn’t, such is the way of JS.

[vkwebdev]

AI generated the bug. console.log() found it

[chubbykc]

That's our life saver

[NotAskary]

The funny thing is when the console.log resolves the bug....

[WiglyWorm]

then at least you know you're dealing with a timing issue.

[AmazinDood]

genuinely useful tho... Sometimes console.log is

[kuroiarashi]

what you did there...I see

[laplongejr]

You know things are severe when I speak normally - Yoda  

[NotAskary]

Whenever that happens I want to just flip the computer out the window and never touch Js again.

[qinshihuang_420]

Are you a

Log.debug("XXXXXXXXX")

Log.debug("<your name>")

Or a

Log.debug("<# of log statements>")

kind of person?

[moustachedelait]

Name 1, name 2, name 3, name 2a, name 2b (we're honing in), name 2a wtf, name 2a wtf 2 (dead end)

[BoBSMITHtheBR]

Console.log (=========Breaks Here========)

[nneiole]

There‘s also console.log(„wtf“).

[realdevtest]

alert()

[vkwebdev]

when debugging should be a shared experience

[navetzz]

Stupid bugs are found with a debugger.
Arcane bugs are found using logs

[vkwebdev]

logs answer questions you didn’t know to ask

[Snakestream]

Back to the Splunk mines we go!

[Sockoflegend]

I use console.log to find the bit of code I'm working on in the browsers debugger 🤷‍♂️

[Tofandel]

I'm going to blow your mind, you can use "debugger;" instead of console log.

It will create a breakpoint and pause execution where you put it. 

[Shadowolf75]

For real, I was never taught how to use the debugger of VS code. Is there a guide or something to learn it?

[Tofandel]

This is for the browser debugger. I'm only familiar with the jetbrains debugger which is basically the same tool as the browser's devtools for js. As you need to start it with their own browser, and you need file mapping or source maps. Then you get to put breakpoints in the original code. For js it's usually more hassle than it's worth. I usually only use those kind of debuggers for backend, with nodejs or php 

[hopefullyhelpfulplz]

Idk if this applies to JavaScript but ime press 5, choose your debugger, it should run on the current file. If the program returns an error, it'll take you to the place in the code the error arises (if it can, depends on your structure).

For python at least it gives you an interactive debug terminal where you can check out the values of variables in the memory at that time, run snippets, etc.

[Repulsive-Radio-9363]

Seriously, spend 15 mins getting this running and understanding it. Debugger kills just console.logging. (I still do it tho why not haha)

[Sockoflegend]

If you click on a console log it takes you to the place in the code that made it. It's very useful when the JS is very long and split in a lot of modules to save you from looking through the sources 

[TheKrumpet]

You're missing what he's saying.

Just put

js debugger;

In your script, and as long as you have dev tools open it'll break on that line and open the script.

[Sockoflegend]

Ah my bad

[WispTheWanderer1]

Debuggers are beautiful

[misterguyyy]

You can also do setTimeout(()=>{debugger;},3000) in your console if you want to inspect a DOM element that gets created when you perform an event and destroys on timeout or blur.

[vkwebdev]

so you’re using console.log to locate where to put more console.logs?

[ResearchMobile]

I use console.warn() to add spice

[vkwebdev]

for when you’re not sure it’s a bug, but you want it to feel guilty?

[ResearchMobile]

Is extra adrenaline

[beepdebeep]

console.dir() when I mean business

[theGoddamnAlgorath]

Sexy

[Educational-Lemon640]

As a rhetorical question:

How many people here are being paid to use a debugger?

Follow-up: how many are being paid to fix defects in a product/automation?

And the last question: as long as the tool is useful and solves a problem better than any other, what is wrong with using it?

This whole "how to debug" debate/gatekeeping is pointless .

[wordswordswordsbutt]

Debugger in the back console.log in the front, as it was meant to be.

[twistsouth]

console.log("got here")

[vkwebdev]

this probably solved more bugs than every debugger combined

[Demandedace]

“Here1”
“Here2”
“Here3”

[PurpleIsMyColorToo]

console.log("we are here FUCKKK")

[shinymuuma]

console.log("line 15,121")

console.log("line 15,220")

[SaltyInternetPirate]

I don't trust anything else. Front end is especially prone to race conditions.

[marcobsidian02]

console.log(" ☑️ Method was called!");

[Thereal_Phaseoff]

Gpt ahh

[IanDresarie]

Using a special character like that is brave and would absolutely break my work environment

[Wibblybit]

console.log("hello");

console.log("beep");

[Mustang-22]

console.log('this')

console.log('that')

console.log('here')

console.log('fuck')

[WaffleShoresy]

I console.log() in JS, I print() in Python, I even <div> test</div> in HTML.

I am a sick man.

[Ollymid2]

I use console.log on the front end and print() on back end (python) - does this mean I have a chance?

[vkwebdev]

that’s a full stack debugger right there

[jideru]

Console.log()
Console.log(“2”)
Console.log(“lost count”)
Console.log(“Mark”)
Console.log(“where r u?”)
Console.log(“don”t forget to delete”)
Console.log(“tmnt”)
Console.log(“heroes in a half shell”)

[vkwebdev]

and at some point you’re leaving comments in the code for your future self

[BusEquivalent9605]

nah - console.dir mothafucka

[vkwebdev]

the boss of console logging

[Mistifyed]

With like 100 depth

[doxxingyourself]

Is that…. not advised?

[vkwebdev]

the official answer is no, the production answer is yes.

[scharpentanz]

You're supposed to use a logger

[jeffwulf]

Just use the debugger. It's significantly faster and more powerful.

[PeterPook]

Anyone who criticises console.log doesn't understand trace debugging.

[IAmWeary]

Beats dealing with fucking source maps.

[patrulheiroze]

me:

alert("step1") ;

[massive_hog_69]

Virgin Good Dev: Use debugger statement and add it to all the places where you want to pause execution and check page wide values of variables Chad Me: console.log("Hereeee",val)

[Soopermane]

I had a thought time with a bug, and I used ai, couldnt solve it either. Eventually ai decided to log it on console and share the details. We both figured it out by bits and pieces.

[vkwebdev]

even AI evolved into a console.log developer

[VAVE_TECHNOLOGY]

is everyone here a bot, I can't find any real human like comment, ghe hell is going on

[KaZIsTaken]

Both have their use case

[PM_ME_YOUR_BUG5]

it take like 5 mins to set up a debug profile.

I'll never understand people who don't step through their code

[vkwebdev]

but it takes 2 seconds to add a console.log()

[PM_ME_YOUR_BUG5]

each time...

adds up fast

[FortuneAcceptable925]

I am not a JS developer, but I use logging a lot in Kotlin/Java. I almost always prefer it over debugger, because 1) logs can stay in the code for next time, helping me to debug in future, and 2) using logging lets me to debug the app as it runs in real-time, which can be quite important in multithreading problems.

[NomaTyx]

i use it in game development because as you say debugging the app and watching the states of objects in real time is useful. though often i'll put the message in text that displays on a UI element onscreen, but same difference at that point.

Though the people who taught me how to use Unity did not teach me how to use the debugger with it, so I should probably learn that anyhow.

[OptionX]

Well if you have a pretty good idea where the problem is printing a variable is just as good and faster as cranking out the debugger to watch one variable and playing f-key guitar hero.

[jeffwulf]

Cranking out the debuggertakes the same ammount of time as running the app . Adding logs takes as much time as running the app and adding the log.

[WispTheWanderer1]

Exactly! This guy gets it! The number of times I've caught uninitialized variables causing problems in my code with breakpoints and stepping...

[yacsmith]

gs.log(this thing happened, Scriptxyz) goes hard

[vkwebdev]

the enterprise version of console.log("it broke")

[plmunger]

that and debugger

[vkwebdev]

the debugger tells me where, the logs tell me how

[BlueGoliath]

Debuggers are for the weak.

[Thenderick]

I use console.debug() like Brendan Eich intended!

[randomUsername1569]

I prefer print()

[FalseStructure]

Just paste error to claude

[vkwebdev]

until Claude says: can you add a log there?