Explicit and implicit return in function (Spanish)

alfredocu

Alfredo Carreón Urbano

Posted on May 24, 2020

Explicit and implicit return in function (Spanish)

Antes de iniciar.

Explícito: Que expresa algo con claridad.
Implícito: Que está incluido, sin que está lo especifique.

Retorno explícito.

Las funciones regulares y las funciones flecha pueden comportarse de forma similar, ya que podemos devolver un valor explícitamente, utilizando la palabra reservada “return”.

Función regular.

function add(x,y) { // Statements
  return x + y;
}
Enter fullscreen mode Exit fullscreen mode

Función flecha.

const add = (x,y) => {
  return x + y;
}
Enter fullscreen mode Exit fullscreen mode

Retorno implícito.

Las funciones flecha tiene una ventaja sobre las funciones regulares, ya que las funciones flecha pueden devolver un valor de forma implícitamente, simplemente omitimos las llaves que normalmente envuelven el cuerpo de una función.

Nota: El implícito es exclusivo de las funciones flecha.

const increment = x => ++x; // Expression
Enter fullscreen mode Exit fullscreen mode

Cuando se usan retornos implícitos, los objetos deben estar entre paréntesis para que las llaves no se confundan con la apertura del cuerpo de la función.

const obj = () => { name: "Victor" }; // return undefined
const obj = () => ({ name: "Victor" }); // return { name: "Victor"}
Enter fullscreen mode Exit fullscreen mode

¿Cuándo usarlos?

Si tu función necesita varias declaraciones entonces retorna de forma explícita, de lo contrario use la forma implícita y ahorra lineas de código.

Espero les guste :)

💖 💪 🙅 🚩
alfredocu
Alfredo Carreón Urbano

Posted on May 24, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related