Declaraciones frente a expresiones y conceptos básicos de arrow functions
Conozca las declaraciones y expresiones de funciones, la sintaxis de las arrow functions y patrones de uso sencillos.
Declaraciones frente a expresiones y conceptos básicos de arrow functions es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 1 de 3. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 3 lecciones en total.
Introducción
Objetivo: Diferencie las declaraciones de función de las expresiones, aprenda la sintaxis básica de las funciones arrow y elija la forma más sencilla para cada tarea.
- Declaración
- Expresión
- Conceptos básicos de arrow
Declaración de función
Una declaración de función se eleva, por lo que las llamadas pueden aparecer antes de la definición.
// Function declaration
// Can be called before or after its definition (hoisted)
console.log(greet("Ayla"));
function greet(name) {
return "Hello, " + name + "!";
}
console.log(greet("Coder"));
Expresión de función
Una expresión de función se crea en tiempo de ejecución; llámela después de la línea de asignación.
// Function expression
// Assigned to a variable; not callable before this line
const add = function (a, b) {
return a + b;
};
console.log("Sum:", add(2, 3));
Conceptos básicos de las funciones flecha
Las funciones flecha son concisas. Para un solo parámetro puede omitir los paréntesis; los cuerpos de una sola línea pueden omitir return.
// Arrow function basics
// Short, expression-friendly syntax
const double = (n) => {
return n * 2;
};
const square = n => n * 2; // simple one-liner for demo
console.log(double(4));
console.log(square(4));
Elegir una forma
Use declaraciones para utilidades con nombre y funciones flecha para pequeños auxiliares insertados directamente.
// Pick the simplest form for clarity
// Use declarations for top-level named utilities
function toTitle(name) {
return "Title: " + name;
}
// Use arrows for tiny inline helpers
const shout = text => text.toUpperCase();
console.log(toTitle("Intro"));
console.log(shout("hello"));
Consejos para principiantes
Consejos:
- Asigne a las funciones nombres que indiquen lo que hacen.
- Una sola tarea pequeña por función.
- Prefiera cuerpos cortos y planos, con valores de retorno claros.
Cuestionario sobre la elevación
Comprobación rápida: comportamiento de la elevación.
Repaso
Repaso: las declaraciones se elevan y son adecuadas para utilidades con nombre; las expresiones y funciones flecha se crean en tiempo de ejecución y son excelentes para pequeños auxiliares.
Preguntas frecuentes
¿La lección «Declaraciones frente a expresiones y conceptos básicos de arrow functions» es gratis?
Sí — el texto completo de «Declaraciones frente a expresiones y conceptos básicos de arrow functions» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 3 lecciones en total.
¿Qué aprenderé en «Declaraciones frente a expresiones y conceptos básicos de arrow functions»?
Conozca las declaraciones y expresiones de funciones, la sintaxis de las arrow functions y patrones de uso sencillos. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar JavaScript Academy?
No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 3.
¿Cuánto tiempo toma la lección «Declaraciones frente a expresiones y conceptos básicos de arrow functions»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?
Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Declaraciones frente a expresiones y conceptos básicos de arrow functions
- Parámetros, valores predeterminados, rest y retornos
- Conceptos básicos de this; call/apply/bind (introducción)