javascript custom console log function keeping stack trace

Question

I have a helper function that prepends some message when calling console.log:

function log(...arg: any[]): void {
  const LOG_PREFIX = `[file.ts]`;
  // 1. Convert args to a normal array
  const args: any[] = Array.prototype.slice.call(arguments);
  // 2. Prepend log prefix log string
  args.unshift(LOG_PREFIX);
  // 3. Pass along arguments to console.log
  console.log.call(console, ...args);
}

The problem is that when it logs, the console shows a clickable link to this log:8 or the line that calls console.log.call(console, ...args)

Is there a way I can adjust this method so that it keeps the intended stack trace of where i call this method instead?

This looks like typescript not javascript...I think it's not possible change stack trace. also since you have an array of arguments, its probably better use apply() instead of call(), in which case you can achieve the same thing with one-liner: console.log.apply(console, ["[file.ts]", ...arg]); — vanowm
– vanowm, Commented Jun 14, 2022 at 2:38

vanowm · Accepted Answer · 2022-06-14 03:25:55Z

3

There you go, Function.prototype.bind() is to the rescue:

const log = console.log.bind(window.console, "[file.ts]");

log("test", "blah");
console.log("test", "blah");

edited Jun 14, 2022 at 3:25

answered Jun 14, 2022 at 3:14

vanowm

10.4k2 gold badges30 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

javascript custom console log function keeping stack trace

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related