How to Use console.trace in JavaScript: Syntax and Examples

Use console.trace() in JavaScript to print a stack trace showing the path your code took to reach that point. It helps you understand the sequence of function calls leading to the trace.

Syntax

The basic syntax of console.trace() is simple. You can call it with or without a label string to identify the trace in the console.

• console.trace(): Prints the current stack trace.
• console.trace(label): Prints the stack trace with a custom label to help identify it.

javascript

console.trace();
console.trace('Trace label');

Output

Trace
    at <anonymous>:1:9
    at ...
Trace label
    at <anonymous>:2:9
    at ...

Example

This example shows how console.trace() prints the call stack when a function is called. It helps you see the chain of function calls.

javascript

function first() {
  second();
}

function second() {
  third();
}

function third() {
  console.trace('Stack trace here');
}

first();

Output

Stack trace here
    at third (<anonymous>:7:11)
    at second (<anonymous>:3:3)
    at first (<anonymous>:1:3)
    at <anonymous>:11:1

Common Pitfalls

One common mistake is expecting console.trace() to stop code execution or show variable values. It only prints the call stack for debugging. Also, calling it outside a function or in global scope will show a short stack trace.

Another pitfall is overusing it, which can clutter the console and make debugging harder.

javascript

function example() {
  console.trace('Trace inside function');
  // Wrong: expecting this to stop execution
  // console.trace() does not pause or throw errors
}

example();

Output

Trace inside function
    at example (<anonymous>:2:11)
    at <anonymous>:7:1

Quick Reference

Usage	Description
console.trace()	Prints current stack trace without label
console.trace('label')	Prints stack trace with a custom label
Use inside functions	Best used to see call paths leading to that point
Does not stop execution	Only logs stack trace, no debugging pause
Avoid overuse	Too many traces clutter console output

Key Takeaways

Use console.trace() to print the call stack for debugging function call paths.

You can add a label to console.trace() to identify traces easily in the console.

console.trace() does not stop code execution or show variable values.

Avoid excessive use to keep console output clear and useful.

Best used inside functions to understand how code reached that point.