Funciones y Arrow Functions

1// Sintaxis básica
2function nombreFuncion(parametro1, parametro2) {
3    // Código a ejecutar
4    return resultado;
5}
6 
7// Ejemplo: función que suma dos números
8function sumar(a, b) {
9    return a + b;
10}
11 
12console.log(sumar(5, 3)); // 8
13 
14// Función sin parámetros
15function saludar() {
16    return "¡Hola!";
17}
18 
19console.log(saludar()); // "¡Hola!"
20 
21// Función sin return (devuelve undefined)
22function imprimirMensaje(mensaje) {
23    console.log(mensaje);
24    // No hay return, devuelve undefined automáticamente
25}
26 
27const resultado = imprimirMensaje("Hola");
28console.log(resultado); // undefined

1// En JavaScript puedes asignar valores por defecto
2function saludar(nombre = "Invitado") {
3    return `Hola, ${nombre}`;
4}
5 
6console.log(saludar("Ana"));    // "Hola, Ana"
7console.log(saludar());         // "Hola, Invitado"
8 
9// Múltiples parámetros por defecto
10function crearUsuario(nombre = "Anónimo", edad = 18, activo = true) {
11    return {
12        nombre: nombre,
13        edad: edad,
14        activo: activo
15    };
16}
17 
18console.log(crearUsuario());                    // { nombre: "Anónimo", edad: 18, activo: true }
19console.log(crearUsuario("Carlos", 25));        // { nombre: "Carlos", edad: 25, activo: true }
20console.log(crearUsuario("María", 30, false));  // { nombre: "María", edad: 30, activo: false }

1// Return detiene la ejecución de la función
2function esMayorDeEdad(edad) {
3    if (edad >= 18) {
4        return true; // Sale aquí si es mayor de edad
5    }
6    return false; // Solo llega aquí si no es mayor de edad
7}
8 
9// Return puede devolver cualquier tipo de dato
10function obtenerDatos() {
11    return {
12        nombre: "Juan",
13        edad: 25,
14        hobbies: ["lectura", "programación"]
15    };
16}
17 
18// Función sin return devuelve undefined
19function sinRetorno() {
20    const x = 5 + 3;
21    // No hay return
22}
23 
24console.log(sinRetorno()); // undefined
25 
26// Return temprano para validaciones
27function dividir(a, b) {
28    if (b === 0) {
29        return "Error: no se puede dividir entre 0";
30    }
31    return a / b;
32}
33 
34console.log(dividir(10, 2));  // 5
35console.log(dividir(10, 0));  // "Error: no se puede dividir entre 0"

1// Expresión de función
2const sumar = function(a, b) {
3    return a + b;
4};
5 
6console.log(sumar(5, 3)); // 8
7 
8// La variable contiene la función
9const operacion = sumar;
10console.log(operacion(10, 5)); // 15
11 
12// Funciones como argumentos
13function ejecutarOperacion(func, a, b) {
14    return func(a, b);
15}
16 
17const multiplicar = function(x, y) {
18    return x * y;
19};
20 
21console.log(ejecutarOperacion(sumar, 5, 3));       // 8
22console.log(ejecutarOperacion(multiplicar, 5, 3)); // 15

1// Función tradicional
2function sumar(a, b) {
3    return a + b;
4}
5 
6// Arrow function equivalente
7const sumar = (a, b) => {
8    return a + b;
9};
10 
11// Arrow function con return implícito (sin llaves)
12const sumar = (a, b) => a + b;
13 
14console.log(sumar(5, 3)); // 8

1// Sin parámetros - necesitas paréntesis vacíos
2const saludar = () => "¡Hola!";
3console.log(saludar()); // "¡Hola!"
4 
5// Un solo parámetro - paréntesis opcionales
6const doble = x => x * 2;
7const dobleConParentesis = (x) => x * 2;
8console.log(doble(5)); // 10
9 
10// Múltiples parámetros - paréntesis obligatorios
11const sumar = (a, b) => a + b;
12console.log(sumar(3, 4)); // 7
13 
14// Cuerpo con múltiples líneas - necesitas llaves y return
15const calcular = (a, b) => {
16    const suma = a + b;
17    const mensaje = `Resultado: ${suma}`;
18    return mensaje;
19};
20console.log(calcular(5, 3)); // "Resultado: 8"
21 
22// Retornar un objeto - necesitas paréntesis
23const crearPersona = (nombre, edad) => ({
24    nombre: nombre,
25    edad: edad
26});
27console.log(crearPersona("Ana", 25)); // { nombre: "Ana", edad: 25 }

1const numeros = [1, 2, 3, 4, 5];
2 
3// Con función tradicional
4const dobles1 = numeros.map(function(num) {
5    return num * 2;
6});
7 
8// Con arrow function (más concisa)
9const dobles2 = numeros.map(num => num * 2);
10 
11console.log(dobles2); // [2, 4, 6, 8, 10]
12 
13// Filtrar con arrow function
14const pares = numeros.filter(num => num % 2 === 0);
15console.log(pares); // [2, 4]
16 
17// Reduce con arrow function
18const suma = numeros.reduce((acc, num) => acc + num, 0);
19console.log(suma); // 15

1// Variables globales - accesibles en todo el código
2const global = "Soy global";
3 
4function mostrarScope() {
5    // Variable local - solo existe dentro de la función
6    const local = "Soy local";
7    console.log(global); // ✅ Puede acceder a global
8    console.log(local);  // ✅ Puede acceder a local
9}
10 
11mostrarScope();
12console.log(global); // ✅ Puede acceder a global
13// console.log(local);  // ❌ Error: local no está definido
14 
15// Ámbito de bloque con let y const
16function ejemploBloque() {
17    if (true) {
18        const dentroDelIf = "Solo en el if";
19        let tambiénLocal = "También solo en el if";
20        console.log(dentroDelIf); // ✅ Funciona aquí
21    }
22    // console.log(dentroDelIf); // ❌ Error: no existe fuera del if
23}
24 
25// Parámetros de función tienen ámbito local
26function sumar(a, b) {
27    return a + b;
28}
29// console.log(a); // ❌ Error: a no existe fuera de la función