DEV Community

Discussion on: Functions, fat arrows and parentheses

View post

Replies for: The point of the first piece is that nothing will get logged when the button is clicked because we’re talking about the behavior of the click handl...

Collapse
 
lionelrowe profile image
lionel-rowe • • Edited

Yeah you'll get the logging output, but that's not the same as the return value. The return value is always undefined unless a) an explicit return statement is used to return something other than undefined, or b) it's a single-statement arrow function with no enclosing block:

const fn1 = () => { 5 } // returns undefined
const fn2 = function() { 5 } // returns undefined
const fn3 = () => { return 5 } // returns 5
const fn4 = () => 5 // returns 5
const fn5 = function() { return 5 } // returns 5
Enter fullscreen mode Exit fullscreen mode

In the case of console.log, even if you return console.log('...'), the return value will still be undefined, because console.log itself returns undefined.

Sorry if I'm stating the obvious or my explanation is confusing.

Some comments have been hidden by the post's author - find out more