Comprender cómo organizar instrucciones reutilizables es uno de los pilares de cualquier lenguaje de programación. En JavaScript, las funciones permiten agrupar sentencias, recibir datos y devolver resultados sin repetir código manualmente. A continuación se desglosan los dos tipos principales, el rol de los parámetros y cómo aprovechar return y template strings para escribir código más limpio.
¿Qué es una función y por qué la necesitas?
Una función es un conjunto de sentencias que ejecutan una tarea concreta con los valores almacenados previamente en variables [0:08]. Puede verse como un procedimiento: recibe datos, realiza cálculos y devuelve un resultado. Esto evita escribir la misma lógica una y otra vez.
Cuando el navegador encuentra la palabra reservada function, reserva un espacio en memoria para guardar todo lo que ocurre dentro de esa función, igual que hace con una variable [1:22].
¿Cómo se crea una función declarativa?
Se utiliza la palabra reservada function seguida de un nombre y paréntesis [1:02]:
js
function miFuncion() {
return 3;
}
function es la palabra reservada que indica al motor de JavaScript que debe almacenar ese bloque.- El nombre (
miFuncion) sirve para invocarla después.
- Las llaves
{} delimitan el cuerpo donde van las sentencias.
¿Qué es una función de expresión o función anónima?
En lugar de declarar con function directamente, se asigna una función a una variable [1:46]:
js
var miFuncion = function(a, b) {
return a + b;
};
Esta función no lleva nombre propio después de la palabra function, por eso se conoce como función anónima [3:32]. Se invoca usando el nombre de la variable seguido de paréntesis, como si fuera cualquier otra función.
¿Para qué sirven los parámetros en una función?
Los parámetros son variables temporales que la función necesita para ejecutar su tarea [2:32]. Se colocan entre los paréntesis y reciben valor al momento de la invocación.
js
function saludarEstudiantes(estudiante) {
console.log(Hola ${estudiante});
}
saludarEstudiantes("Diego"); // Hola Diego
En este ejemplo, estudiante actúa como una variable sin valor definido hasta que se llama a la función con un argumento concreto, como "Diego" [5:10]. Así, una sola función puede saludar a cientos de estudiantes conectándola a una base de datos, sin repetir código manualmente [6:28].
El console.log es una función que ofrece el navegador para imprimir valores en la consola y verificar resultados en tiempo real [4:48].
¿Cómo funcionan los template strings?
Para insertar variables dentro de una cadena de texto se usan las plantillas de cadena de texto (template strings) [5:42]. Se escriben con el carácter backtick (`) y se colocan las variables dentro de ${}:
js
console.log(Hola ${estudiante});
Esto permite construir mensajes dinámicos sin concatenar cadenas manualmente.
¿Cómo devolver resultados con return?
La palabra reservada return detiene la ejecución de la función y devuelve un valor al lugar donde fue invocada [7:06].
js
function suma(a, b) {
var resultado = a + b;
return resultado;
}
suma(1, 2); // 3
a y b son parámetros que esperan valores numéricos.resultado almacena la operación internamente.return resultado envía el valor hacia afuera de la función.
También es posible simplificar eliminando la variable intermedia [8:24]:
js
function suma(a, b) {
return a + b;
}
El comportamiento es idéntico. La diferencia es que la variable resultado ya no ocupa espacio en memoria dentro de la función. Si en el futuro necesitas reutilizar ese valor, basta con invocar suma(1, 2) de nuevo para obtener 3 [8:50].
Dominar las funciones declarativas, las funciones de expresión, los parámetros y el uso de return es fundamental antes de profundizar en temas como el scope, que determina dónde viven y son accesibles las variables. ¿Qué tipo de función prefieres usar y por qué? Comparte tu experiencia en los comentarios.
