Tipo de funciones
Ejemplo interactivo
Concepto
Una función en JavaScript es un bloque de código diseñado para realizar una tarea específica. Se puede pensar en una función como una serie de instrucciones agrupadas bajo un nombre que puedes reutilizar en tu código. Las funciones permiten que el código sea más modular y reutilizable, lo que facilita su mantenimiento.
Las funciones se definen con la palabra clave function.
Sintaxis básica
function nombreFuncion(parámetros) {
// código a ejecutar
}
Una vez definida, puedes "llamar" a la función en cualquier parte del código utilizando su nombre y pasando los parámetros correspondientes.
Tipos de funciones
Proporcionan flexibilidad en la manera de escribir, estructurar y organizar el código. Cada tipo de función tiene ventajas específicas según el contexto en el que se usen.
Función declarada
Las funciones declaradas (o funciones tradicionales) son las más comunes y se declaran con la palabra clave function.
saludar() ;
function saludar() {
console.log("¡Hola!");
}
Como podemos ver, estas funciones pueden llamarse antes de ser declaradas.
Función anónima
Este tipo de funciones no puedes llamarlas antes de que se declaren.
const suma= function(a, b) {
return a + b;
};
console.log(suma (3, 4)); // Muestra 7
Funciones flecha
Las funciones flecha son más breves que las funciones tradicionales, lo que las hace ideales para funciones simples o de una sola línea.
const multiplicar = (a, b) => a * b;
console.log(multiplicar (5, 6)); // Muestra 30
Ejemplo interactivo
Ingresa tu nombre y presiona el botón para ejecutar una función que te saludará:
Te dejaré el código para realizar lo anterior:
<label for="nombre">Nombre: </label>
<input type="text" id="nombre" placeholder="Escribe tu nombre">
<button onclick="saludarUsuario()">Saludar</button>
function saludarUsuario() {
var nombre = document.getElementById('nombre').value;
if(nombre) {
alert('¡Hola, ' + nombre + '!');
} else {
alert('Por favor, ingresa un nombre.');
}
}
para alumnos de UPIICSA