How to log JavaScript stack traces and objects using console.trace
Written by Stefan Judis
- Published at
- Updated at
- Reading time
- 1min
This post is part of my Today I learned series in which I share all my web development learnings.
Today I saw an update to the MDN compat data, and it covered a method available on console
. console
includes many more useful functions than the commonly used console
method.
One of them is console
that you can use to log JavaScript stack traces.
function someFunction() {
function anotherFunction() {
console.trace();
}
anotherFunction();
}
somefunction();
// logs:
// anotherFunction @ VM3917:3
// someFunction @ VM3917:6
// (anonymous) @ VM4184:1
One thing I learned is that console
also accepts multiple arguments so that you can log objects and stack traces in the same call. ๐
function someFunction() {
function anotherFunction() {
console.trace({foo: "bar"});
}
anotherFunction();
}
somefunction();
// logs:
// { foo: "bar" }
// anotherFunction @ VM3917:3
// someFunction @ VM3917:6
// (anonymous) @ VM4184:1
If you want to see it in action, here's a quick video. ๐
Was this TIL post helpful?
Yes? Cool! You might want to check out Web Weekly for more quick learnings. The last edition went out 1 days ago.
Yes? Cool! You might want to check out Web Weekly for more quick learnings. The last edition went out 1 days ago.