Implicit return in arrow functions

Posted on

If an arrow function immediately returns a value, the return keyword is optional. We also have to remove the curly brackets for this to work.

The return is then implied, making it an “implicit return”.

// we could write the `return` explicitly
const getPumpedAbout = thing => {
  return `Pumped about ${thing}!`
}
 
// if we write it like this, the `return` is implied
const getPumpedAbout = thing => `Pumped about ${thing}!`
 
// there is no difference in how we would call these functions
getPumpedAbout("implicit returns") // ⇒ "Pumped about implicit returns!"
// we could write the `return` explicitly
const getPumpedAbout = thing => {
  return `Pumped about ${thing}!`
}
 
// if we write it like this, the `return` is implied
const getPumpedAbout = thing => `Pumped about ${thing}!`
 
// there is no difference in how we would call these functions
getPumpedAbout("implicit returns") // ⇒ "Pumped about implicit returns!"
Debug
none
Grid overlay