Funciones en JavaScript
Con frecuencia, es necesario realizar tareas similares en varias partes de un script. Por ejemplo, mostrar mensajes personalizados cuando un usuario inicia sesión, cierra sesión o en otros eventos.
Las funciones son fundamentales para organizar y reutilizar código. Permiten ejecutar acciones específicas sin repetición.
Hemos visto ejemplos de funciones integradas como alert(message), prompt(message, default) y confirm(question). Además, podemos crear nuestras propias funciones.
Declaración de Funciones
Para definir una función, utilizamos la palabra clave function, seguida del nombre de la función y una lista de parámetros entre paréntesis (que pueden estar vacíos). El cuerpo de la función va dentro de llaves.
function mostrarMensaje() {
alert('¡Hola a todos!');
}
La función definida puede ser llamada en cualquier parte del código usando su nombre:
mostrarMensaje();
mostrarMensaje();
Este ejemplo muestra cómo evitar la duplicación de código al mostrar el mensaje dos veces.
Variables Locales
Una variable declarada dentro de una función es local y solo es visible dentro de esa función. Por ejemplo:
function mostrarMensaje() {
let mensaje = "Hola, ¡Soy JavaScript!";
alert(mensaje);
}
mostrarMensaje(); // Muestra "Hola, ¡Soy JavaScript!"
alert(mensaje); // ¡Error! La variable es local a la función
Variables Externas
Una función puede acceder y modificar variables externas:
let nombreUsuario = 'Juan';
function mostrarMensaje() {
let mensaje = 'Hola, ' + nombreUsuario;
alert(mensaje);
}
mostrarMensaje(); // Muestra "Hola, Juan"
nombreUsuario = "Bob";
mostrarMensaje(); // Muestra "Hola, Bob"
Variables Globales
Las variables declaradas fuera de cualquier función son globales y visibles desde cualquier función, a menos que se declare una variable local con el mismo nombre.
Es recomendable minimizar el uso de variables globales para mantener el código organizado y evitar colisiones de nombres.
Parámetros
Las funciones pueden recibir datos usando parámetros. En el siguiente ejemplo, la función showMessage tiene dos parámetros: from y text.
function mostrarMensaje(from, text) {
alert(from + ': ' + text);
}
mostrarMensaje('Ann', '¡Hola!'); // Muestra "Ann: ¡Hola!"
mostrarMensaje('Ann', '¿Cómo estás?'); // Muestra "Ann: ¿Cómo estás?"
Valores Predeterminados
Podemos asignar valores predeterminados a los parámetros de una función en caso de que no se les pase un argumento.
function mostrarMensaje(from, text = "sin texto") {
alert(from + ": " + text);
}
mostrarMensaje("Ann"); // Muestra "Ann: sin texto"
Devolviendo un Valor
Una función puede devolver un valor al código de llamada utilizando la palabra clave return.
function sumar(a, b) {
return a + b;
}
let resultado = sumar(1, 2);
alert(resultado); // Muestra 3
Las funciones en JavaScript son esenciales para estructurar y reutilizar código de manera eficiente. Utilízalas para realizar acciones específicas de manera clara y organizada.
