El Proyecto | Sobre nosotros | Contribuir | Donaciones | Licencia

HOME

Introducción

Las funciones son bloques de código reutilizables que realizan una tarea específica. En JavaScript, las funciones son fundamentales para la modularidad y la reutilización del código. Este tema cubrirá cómo definir y llamar funciones en JavaScript, proporcionando ejemplos prácticos y ejercicios para reforzar los conceptos.

Definición de Funciones

Sintaxis Básica

Para definir una función en JavaScript, utilizamos la palabra clave function seguida del nombre de la función, un par de paréntesis () y un bloque de código {}.

function nombreDeLaFuncion() {
    // Código a ejecutar
}

Ejemplo Práctico

Definamos una función simple que salude al usuario:

function saludar() {
    console.log("¡Hola, bienvenido a JavaScript!");
}

En este ejemplo, saludar es el nombre de la función y console.log("¡Hola, bienvenido a JavaScript!"); es el código que se ejecutará cuando se llame a la función.

Llamada de Funciones

Para llamar o invocar una función, simplemente escribimos el nombre de la función seguido de paréntesis.

saludar(); // ¡Hola, bienvenido a JavaScript!

Ejemplo Práctico

function sumar() {
    let a = 5;
    let b = 3;
    let resultado = a + b;
    console.log("El resultado de la suma es: " + resultado);
}

sumar(); // El resultado de la suma es: 8

En este ejemplo, la función sumar realiza una suma de dos números y muestra el resultado en la consola.

Parámetros y Argumentos

Las funciones pueden aceptar parámetros, que son valores que se pasan a la función cuando se llama. Estos parámetros se definen dentro de los paréntesis de la función.

Ejemplo Práctico

function saludarUsuario(nombre) {
    console.log("¡Hola, " + nombre + "!");
}

saludarUsuario("Ana"); // ¡Hola, Ana!
saludarUsuario("Carlos"); // ¡Hola, Carlos!

En este ejemplo, nombre es un parámetro de la función saludarUsuario. Cuando llamamos a la función, pasamos un argumento (por ejemplo, "Ana" o "Carlos") que se utiliza dentro de la función.

Valores de Retorno

Las funciones pueden devolver valores utilizando la palabra clave return.

Ejemplo Práctico

function multiplicar(a, b) {
    return a * b;
}

let resultado = multiplicar(4, 5);
console.log("El resultado de la multiplicación es: " + resultado); // El resultado de la multiplicación es: 20

En este ejemplo, la función multiplicar toma dos parámetros a y b, y devuelve el resultado de su multiplicación. El valor devuelto se almacena en la variable resultado.

Ejercicios Prácticos

Ejercicio 1: Crear una función que reste dos números

Instrucciones:

Define una función llamada restar que tome dos parámetros.
La función debe devolver la resta de los dos números.
Llama a la función con diferentes argumentos y muestra los resultados en la consola.

Solución:

function restar(a, b) {
    return a - b;
}

console.log(restar(10, 5)); // 5
console.log(restar(20, 8)); // 12
console.log(restar(7, 3)); // 4

Ejercicio 2: Crear una función que convierta grados Celsius a Fahrenheit

Instrucciones:

Define una función llamada convertirACelsius que tome un parámetro.
La función debe devolver la conversión de grados Celsius a Fahrenheit.
Llama a la función con diferentes argumentos y muestra los resultados en la consola.

Solución:

function convertirACelsius(gradosFahrenheit) {
    return (gradosFahrenheit - 32) * 5 / 9;
}

console.log(convertirACelsius(32)); // 0
console.log(convertirACelsius(68)); // 20
console.log(convertirACelsius(100)); // 37.7778

Conclusión

En esta sección, hemos aprendido cómo definir y llamar funciones en JavaScript, cómo pasar parámetros y devolver valores. Las funciones son una herramienta poderosa para organizar y reutilizar el código. En el próximo tema, exploraremos expresiones de función y funciones flecha, que ofrecen formas adicionales de definir funciones en JavaScript.

Definición y Llamada de Funciones

Introducción

Definición de Funciones

Sintaxis Básica

Ejemplo Práctico

Llamada de Funciones

Ejemplo Práctico

Parámetros y Argumentos

Ejemplo Práctico

Valores de Retorno

Ejemplo Práctico

Ejercicios Prácticos

Ejercicio 1: Crear una función que reste dos números

Ejercicio 2: Crear una función que convierta grados Celsius a Fahrenheit

Conclusión

JavaScript: De Principiante a Avanzado

Módulo 1: Introducción a JavaScript

Módulo 2: Estructuras de Control

Módulo 3: Funciones

Módulo 4: Objetos y Arrays

Módulo 5: Objetos y Funciones Avanzadas

Módulo 6: El Modelo de Objetos del Documento (DOM)

Módulo 7: APIs del Navegador y Temas Avanzados

Módulo 8: Pruebas y Depuración

Módulo 9: Rendimiento y Optimización

Módulo 10: Frameworks y Librerías de JavaScript

Módulo 11: Proyecto Final