CursosEmpresasBlogLiveConfPrecios

Anatomía de funciones en JavaScript

Clase 16 de 39 • Curso de Fundamentos de JavaScript

Resumen

Domina las funciones en JavaScript con ejemplos claros y buenas prácticas de nombrado. Aprende a reutilizar código, diferenciar parámetros y argumentos, y usar arrow functions con valores por defecto para escribir programas más legibles y mantenibles.

¿Qué es una función en JavaScript y cómo reutilizar código?

Una función es un bloque reutilizable que recibe datos, ejecuta una tarea específica y retorna un resultado. Solo se ejecuta cuando es llamada. Su anatomía incluye la palabra reservada function, un nombre descriptivo, parámetros, un bloque de código y return.

  • Usa nombres claros que expliquen la tarea que realizan.
  • Retorna un valor para poder reutilizar el resultado.
  • Emplea template literals para componer cadenas.

¿Cómo declarar y retornar un saludo?

function saludar(nombre) {
  return `Hola, ${nombre}`;
}

¿Cómo invocar y ver resultados en consola?

const mensaje = saludar('Óscar');
console.log(mensaje); // Hola, Óscar

const mensajeDos = saludar('Felipe');
console.log(mensajeDos); // Hola, Felipe

¿Cómo se diferencian parámetros y argumentos en funciones?

Los parámetros son las variables definidas en la función. Los argumentos son los valores reales que pasas al llamar la función. Nombrar bien las funciones y mantenerlas enfocadas en una sola tarea facilita leer el código, depurar y probar.

  • Parámetros: variables internas que la función espera recibir.
  • Argumentos: valores que se envían al invocar la función.
  • Retorno: objeto o valor que la función entrega para su uso posterior.

¿Qué definen los parámetros?

function crearUsuario(nombre, edad) {
  return {
    nombre,
    edad,
  };
}

¿Qué valores pasan los argumentos?

const usuario = crearUsuario('Ana', 25);
console.log(usuario); // { nombre: 'Ana', edad: 25 }

¿Qué son las arrow functions y cómo usar valores por defecto?

Una arrow function se asigna a una constante y permite una sintaxis concisa. Puede ser de una sola línea con retorno implícito o incluir un bloque. También puedes definir parámetros por defecto para valores opcionales.

  • Arrow function: sintaxis corta con => para funciones expresadas.
  • Parámetros por defecto: asignan un valor si no se pasa argumento.
  • Fecha de creación: usa Date.now() para obtener Unix time.

¿Cómo se define una arrow function simple?

const multiplicar = (a, b) => a * b;

console.log(multiplicar(4, 5)); // 20

¿Cómo aplicar parámetros por defecto y fecha de creación?

const crearNota = (contenido, titulo = 'sin título') => {
  return {
    titulo,
    contenido,
    creado: Date.now(), // *timestamp* en milisegundos
  };
};

const notaUno = crearNota('Mi contenido');
const notaDos = crearNota('Otro contenido', 'Mi nota');

console.log(notaUno);
console.log(notaDos);
  • titulo: se usa el valor recibido o el texto por defecto.
  • contenido: almacena el texto pasado como argumento.
  • creado: número en milisegundos que representa el Unix time actual.

¿Tienes dudas o un ejemplo propio para practicar funciones, parámetros por defecto o arrow functions? Compártelo en comentarios y enriquece la conversación con tu solución.

      Anatomía de funciones en JavaScript