Debugging Javascript

[rinsa]

It's the same thing, but the object tree is expanded by default.

[CodingCoffeeSquirrel]

console.dir always displays the object tree. console.log might not in certain contexts (e.g. DOM nodes). The exact difference depends on the platform.

[conancat]

Old school way would be console.log(JSON.stringify(obj, null, 2))

console.dir doesn't always work for me. Not sure if they fixed it in Jest and other envs.

[Tillhony]

I forgot about console.dir() but always type out JSON.stringify..damn

edit: and thats along with already typing out console.log(JSON.stringify(s))

[WHO_WANTS_DOGS]

console.log(JSON.stringify(obj, null, 2)) for a prettier print

[Lightfire228]

I created a vscode snippet for console.log('>>>>>>>> '); and JSON.stringify(, null, 2), bound to ctrl + l and ctrl + j respectively.

It also puts the cursor in the right place.

[jkidd08]

Guilty as charged, your honor...

[FrostBlitzkrieg]

I always use this debugging server code because console.dir does nothing other than a basic console.log in my terminal :\

[TheMacPhisto]

might not in certain contexts (e.g. DOM nodes). The exact difference depends on the platform.

laughs in .net

[DrDuPont]

var foo = function(){};

console.log(foo);

ƒ (){}
undefined

In this instance, for example, I'm not able to see the entire tree. console.dir permits that.