Expresión de función
Parte de la sección Fundamentos del Journey de JavaScript de Coddy — lección 49 de 77.
En JavaScript, una expresión de función es una forma de definir una función como parte de una expresión. A diferencia de las declaraciones de función, las expresiones de función no se elevan (no se les aplica el hoisting), lo que significa que no pueden ser llamadas antes de ser definidas en el código.
Aquí está la sintaxis básica de una expresión de función:
let functionName = function(parameters) {
// Código a ejecutar
// ...
return value; // Sentencia return opcional
};La palabra clave function va seguida de un nombre opcional para la función. Si se proporciona un nombre, se convierte en una expresión de función con nombre; de lo contrario, es una expresión de función anónima. Los parámetros se especifican entre paréntesis y el cuerpo de la función se encierra entre llaves.
Aquí tienes un ejemplo de una expresión de función con nombre:
let add = function sum(a, b) {
return a + b;
};
console.log(add(3, 5)); // Output: 8En este ejemplo, add es la variable que contiene la función, y sum es el nombre opcional de la función. Aunque la función tiene un nombre, no puedes llamar a sum directamente; debes usar la variable add.
Aquí tienes un ejemplo de una expresión de función anónima:
let multiply = function(a, b) {
return a * b;
};
console.log(multiply(4, 2)); // Resultado: 8En este caso, la función no tiene nombre y se asigna directamente a la variable multiply.
Las expresiones de función se utilizan a menudo cuando se desea pasar una función como argumento a otra función, o cuando se desea crear una función sobre la marcha.
Desafío
FácilCrea una expresión de función llamada calculateArea que tome dos argumentos, width y height, y devuelva el área de un rectángulo. La función debe ser asignada a una variable llamada calculateArea.
Por ejemplo:
console.log(calculateArea(5, 10)); // Salida: 50
console.log(calculateArea(3, 7)); // Salida: 21Hoja de referencia
Las expresiones de función definen funciones como parte de una expresión y no son elevadas (no se pueden llamar antes de su definición).
Sintaxis básica:
let functionName = function(parameters) {
// Código a ejecutar
return value; // Opcional
};Expresión de función con nombre:
let add = function sum(a, b) {
return a + b;
};
console.log(add(3, 5)); // Resultado: 8Expresión de función anónima:
let multiply = function(a, b) {
return a * b;
};
console.log(multiply(4, 2)); // Resultado: 8Las expresiones de función son útiles para pasar funciones como argumentos o crear funciones dinámicamente.
Pruébalo tú mismo
// Escribe tu código debajo
// No cambies las líneas de abajo
console.log(calculateArea(5, 10));
console.log(calculateArea(3, 7));Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentos
4Operadores Parte 2
Operadores lógicos Parte 1Operadores lógicos Parte 2Repaso - Lógica simpleOperadores lógicos Parte 3Coerción de tipos7Calculadora para dividir la cuenta
Mensaje de bienvenidaCálculo de la propina y el total10FizzBuzz con un giro
Descripción general del juegoLa función FizzBuzz13Rastreador de lista de compras
Descripción general del proyectoAñadir elemento2Variables
NúmerosStringBooleanConvenciones de nomenclaturaVariables vacíasResumen - Inicializar variablesConstantes5Toma de decisiones
Sentencia IfIf - ElseRepaso - Calculadora simpleIf - Else anidadosSentencia Switch3Operadores Parte 1
Operadores aritméticosOperador móduloAtajos aritméticosOperadores de comparaciónIgualdad estricta vs. débilResumen - Matemáticas simples6E/S Básica
SalidaSalida con variablesConversión de tipos - Parte 1Conversión de tipos - Parte 2Resumen - Hasta 120Resumen - Verdadero o Falso