Funciones de JavaScript

Introducción a las funciones de JavaScript

Las funciones en JavaScript son uno de los bloques de construcción fundamentales del desarrollo web moderno. Nos permiten encapsular código reutilizable y ejecutarlo según sea necesario. Comprender las funciones es clave para dominar JavaScript.

Definición de una función en JavaScript

Sintaxis básica de una función

Una función en JavaScript se define utilizando la palabra clave function, seguida de un nombre, una lista de parámetros entre paréntesis y un bloque de código entre llaves.

---

function greet() {
    console.log("Hello, World!");
}

Elevación de funciones (Hoisting)

Las declaraciones de funciones se elevan (hoisting), lo que significa que puedes llamar a una función antes de que esté definida en el código. Este comportamiento no se aplica a las expresiones de funciones ni a las funciones flecha.

---

greet(); // Outputs: Hello, World!

function greet() {
    console.log("Hello, World!");
}

Parámetros y argumentos de funciones

Paso de parámetros

Las funciones pueden recibir parámetros, los cuales se utilizan como variables dentro de la función.

---

Output appears here after Run.

Parámetros predeterminados

En ES6, JavaScript permite valores predeterminados para los parámetros en las funciones.

---

Output appears here after Run.

Parámetros rest

Los parámetros rest permiten que una función acepte un número indefinido de argumentos como un array.

---

Output appears here after Run.

La sentencia return

Retorno de valores

Una función puede devolver un valor al llamador utilizando la sentencia return.

---

function sum(a, b) {
    return a + b;
}
let result = sum(5, 3); // result is 8

Funciones anónimas y expresiones

Funciones anónimas

Las funciones en JavaScript pueden definirse sin nombre; a estas se les llama funciones anónimas.

---

Output appears here after Run.

Expresiones de funciones

Las expresiones de funciones nos permiten crear una nueva función dentro de una expresión.

---

Output appears here after Run.

Funciones flecha en ES6

Sintaxis de las funciones flecha

ES6 introdujo las funciones flecha, que ofrecen una forma concisa de escribir funciones en JavaScript.

---

Output appears here after Run.

this no es independiente en las funciones flecha

Las funciones flecha no tienen su propio contexto this, lo que las hace ideales para ciertos escenarios.

---

Output appears here after Run.

Conclusión

Dominar las funciones de JavaScript es un paso fundamental para convertirse en un desarrollador competente. Desde definiciones simples de funciones hasta complejas funciones flecha de ES6, comprender estos conceptos mejorará tu capacidad para escribir código eficiente y limpio.

Práctica

¿Qué es cierto sobre las funciones de JavaScript según el artículo de W3Docs?

Una función en JavaScript es similar a un procedimiento creado para realizar una tarea específica.Las funciones se asignan a variables en JavaScript.Las funciones pueden eliminarse después de su creación en JavaScript.Toda aplicación válida de JavaScript debe usar la palabra clave 'function' para definir al menos una función.En JavaScript, una función puede definirse dentro de otra función.