Valores devueltos de una función en JavaScript

Shraddha Paghdar 12 octubre 2023
Valores devueltos de una función en JavaScript

Las funciones de JavaScript son uno de los bloques de construcción esenciales que ejecutan la serie de pasos. Estas funciones son como procedimientos.

Se proporciona un conjunto de instrucciones dentro de la función que ejecuta la tarea. La única diferencia es que la función necesita el parámetro de entrada y debe devolver algo a la función de llamada. Para usar una función, debe definirla en algún lugar del alcance al que desea llamarla.

Este artículo mostrará cómo devolver valores desde una función de JavaScript.

Valores devueltos de la función JavaScript

La definición de una función consta de la palabra clave función. Una definición de función también se denomina declaración de función o declaración de función. Le sigue:

  1. El nombre de la función. Este nombre de función debe ser exclusivo para el archivo.
  2. Una lista de parámetros de entrada de la función. Estos parámetros están entre paréntesis y separados por comas.
  3. El contenido de la función va entre corchetes, {…}.

Sintaxis:

Antes de ES6

function fnName(params) {
  /* perform actions on params */
  return value;
}

Después de ES6

param => expression

El estándar ES6 admite la función de flecha, que no requiere definir la palabra clave de la función antes de definir la función, devolver el valor y encerrar el código entre corchetes. Para obtener más información sobre la función ES6, lea la documentación del método funciones de flecha.

La función puede devolver cualquier cosa como un array, un objeto literal, una cadena, un entero, un valor booleano o un objeto de un tipo personalizado que usted crea que encapsula los valores de retorno. Puede pasar cualquier cosa a la función como un array, un objeto literal o un objeto personalizado a un método para convertir los valores.

Las funciones se pueden declarar como expresiones. Esta función se denomina función anónima.

Las funciones anónimas no tienen ningún nombre de función. Es necesario llamar a la función para ejecutar los pasos dentro de la función.

Para obtener más información, lea la documentación del método function.

Ejemplo de objeto:

function osObject() {
  const returnedObject = {};
  for (let i = 0; i < arguments.length; ++i) {
    returnedObject['os' + i] = arguments[i];
  }
  return returnedObject;
}

const returnValue = osObject('Linux', 'MacOS', 'Windows', 'Ubuntu');
console.log(returnValue);

En el ejemplo de código anterior, creamos la función osObject, que toma los parámetros de entrada y devuelve el objeto con los valores de entrada. La palabra clave return indica que la función está devolviendo algo a la persona que llama.

En nuestro ejemplo, estamos devolviendo osObject. La salida del código anterior se verá así:

Producción :

{
  os0: "Linux",
  os1: "MacOS",
  os2: "Windows",
  os3: "Ubuntu"
}

Ejemplo de matriz:

function osArray() {
  const returnedArray = [];
  for (let i = 0; i < arguments.length; ++i) {
    returnedArray.push(arguments[i]);
  }
  return returnedArray;
}

const returnValue = osArray('Linux', 'MacOS', 'Windows', 'Ubuntu');
console.log(returnValue);

En el ejemplo de código anterior, creamos la función osArray, que toma los parámetros de entrada en arguments y devuelve el Array con los valores de entrada. La palabra clave return indica que la función está devolviendo algo a la persona que llama.

En nuestro ejemplo, estamos devolviendo osArray. La salida de la salida del código anterior se verá así:

Producción :

["Linux", "MacOS", "Windows", "Ubuntu"]
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

Artículo relacionado - JavaScript Function