Welcome to my blog where I write mostly about technical things!

Quick Tip to Console-Logging Arrow Functions

The problem with one-line arrow functions is that if you want to debug them with console.log, it's fairly annoying since you have to add curly braces and a return statement.

Let's take the following function:

const foo = (bar) => bar.do();

If you want to see what's in bar, you commonly have to do something like this:

const foo = (bar) => {
 console.log('bar: ', bar);
 return bar.do();
}

Now check this 🧙:

const foo = (bar) => console.log({bar}) || bar.do();

We utilize that console.log always returns undefined (being falsey), and thus the second bit of the or operator gets executed.
No more annoying line breaks and stuff – add console.log() || in front of your function body.