Not gonna lie, read this hoping to pat myself on the back for being a pro, twist: learned some cool stuff, console.memory()? Neato!
Use console.log() like a pro (2020)
11–20 of 156 posts
Re: Use console.log() like a pro (2020)
#12I use the console.dir method occasionally to get the public methods and properties of HTML elements, for instance console.dir(document.body) would output all the methods and properties
Re: Use console.log() like a pro (2020)
#13 %s – string
%i or %d – integer
%o or %O – object
%f – float
Re: Use console.log() like a pro (2020)
#14Not gonna lie, read this hoping to pat myself on the back for being a pro, twist: learned some cool stuff, console.memory()? Neato!
Me too. `console.table` is totally new to me as well.
Re: Use console.log() like a pro (2020)
#15Another trick that might be more practical for actually debugging is using the object shorthand. For example, instead of... console.log(x, y); which contains the information you need, but lacks any useful context, try... console.log({x, y}); ...which will print out like an object, including the key names.
Unfortunately that tends to print the object with collapsed values, requiring you to expand the object to actually see any of the values.
Re: Use console.log() like a pro (2020)
#16Another trick that might be more practical for actually debugging is using the object shorthand. For example, instead of... console.log(x, y); which contains the information you need, but lacks any useful context, try... console.log({x, y}); ...which will print out like an object, including the key names.
thank you. hadn't seen that before
Re: Use console.log() like a pro (2020)
#17%s – string %i or %d – integer %o or %O – object %f – float Why were these ever specific types, instead of just one option that looks at the parameter type?
> parameter type
laughs in JS
Re: Use console.log() like a pro (2020)
#18Let me save someone a few minutes of confusion: generally I use console.table instead of console.dir ever since I discovered console.dir is basically unpredictable. Try using it on an Error or anything that inherits from Error and you'll see it puts out what looks like an expandable stack trace. I have no idea how or why it's implemented to do that, but basically it just varies from one object to the next and I dislike that.
Re: Use console.log() like a pro (2020)
#19%s – string %i or %d – integer %o or %O – object %f – float Why were these ever specific types, instead of just one option that looks at the parameter type?
Probably as a remnant of C's printf? Python has the same for its string formatting.
Re: Use console.log() like a pro (2020)
#20Hey, this is pretty neat! Never knew you could assert with it also. This'll come in handy!