Header Ads Widget

Ticker

6/recent/ticker-posts

Parámetros predeterminados de la función de flecha de JavaScript ES6 y valores de retorno múltiples

 Al igual que la mayoría de los lenguajes de programación, JavaScript proporciona funciones que son unidades lógicas de instrucciones de código que ejecutan una tarea específica o implementan un determinado algoritmo. Una función tiene cero o más parámetros y un único valor de retorno.

¿Cómo declarar una función de flecha de JavaScript?

Tomemos un ejemplo de una función de JavaScript usando la sintaxis de flecha:

const func = () => {
  // Other instructions
}

Cómo declarar una función de flecha de JavaScript con parámetros

Esta función no toma ningún parámetro. Veamos ahora una función con un parámetro:

const func = param => {
  // Other instructions
}

O también dos parámetros:

const func = (param1, param2) => {
  // Other instructions
}

¿Cómo declarar funciones de JavaScript con valores predeterminados?

En ES6, las funciones pueden tomar parámetros con valores predeterminados:

const func = (param1 = 'param1', param2 = 'param2') => {
  // Other instructions
}

Entonces, si llama a la funcfunción sin pasar ningún parámetro:

func();

Las variables param1param2tendrán los valores 'param1' y 'param2' como valores iniciales.

¿Cómo devolver un valor de una función de JavaScript?

Las funciones de JavaScript siempre devuelven un valor. Si no se devuelve ningún valor explícitamente de la función, undefinedse devuelve.

Puede usar la returndeclaración para devolver un solo valor de una función. Por ejemplo:

const func = (param1 = 'param1', param2 = 'param2') => {

  return param1 + ' ' + param2;
}

Podemos llamar a la función y asignar el valor devuelto a una variable como esta:

const ret = func(); // ret = 'parma1 param2'

¿Cómo devolver varios valores de una función en JavaScript?

Solo puede devolver un valor de una función. Pero puede usar varias formas de simular la devolución de múltiples valores.

Puede utilizar matrices y objetos y utilizar la asignación de desestructuración de objetos / matrices para obtener valores individuales.

Veamos esto con un ejemplo:

const func = (firstName = 'kaima', lastName = 'Abbes') => {

  return [firstName, lastName];
}

const [firstName, lastName] = func();

Llamamos a la función que devuelve una matriz y usamos la sintaxis de desestructuración de matrices para obtener los valores de retorno individuales.

Veamos otro ejemplo usando un objeto:

const func = (firstName = 'kaima', lastName = 'Abbes') => {

  return {firstName: firstName, lastName: lastName};
}

const {firstName, lastName} = func();

Llamamos a la func()función y usamos la asignación de desestructuración de objetos para obtener valores de retorno individuales.

Conclusión

En esta publicación, hemos visto cómo usar las funciones de flecha con parámetros predeterminados y múltiples valores de retorno.


Publicar un comentario

0 Comentarios