Cuantum

2.4 Funciones y Ámbito

En el mundo de JavaScript, las funciones representan uno de los bloques de construcción más fundamentales del lenguaje. Permiten a los programadores encapsular fragmentos de código que pueden ser reutilizados y ejecutados cuando sea necesario, aportando modularidad y eficiencia a tus scripts. Tener un conocimiento sólido de cómo definir y utilizar estas funciones de manera efectiva es una habilidad esencial para cualquier programador de JavaScript y un elemento clave para escribir código limpio y eficiente.

Además de esto, tener una comprensión clara del concepto de ámbito es igualmente importante. El ámbito determina la visibilidad o accesibilidad de las variables dentro de tu código. Este concepto es absolutamente vital cuando se trata de gestionar datos dentro de tus funciones, así como a lo largo de todo tu programa. La gestión del ámbito puede dictar la estructura de tu código e impactar directamente en su rendimiento y eficiencia.

Esta sección está diseñada para profundizar en la mecánica de las funciones dentro de JavaScript, explorando los detalles de cómo se declaran, cómo se manejan las expresiones dentro de ellas y cómo funciona la gestión del ámbito. A través de una comprensión clara de estos elementos, podrás escribir código JavaScript más eficiente y efectivo.

2.4.1 Declaraciones de Funciones

Una declaración de función es un concepto fundamental en la programación que establece la base para crear una función con los parámetros definidos. Comienza con la palabra clave function, que señala el inicio de la definición de la función.

Esta palabra clave es seguida por el nombre de la función, que es un identificador único utilizado para llamar a la función en el programa. Después del nombre de la función, viene una lista de parámetros, encerrada entre paréntesis. Estos parámetros son las entradas para la función y permiten que la función realice acciones basadas en estos valores proporcionados.

Por último, un bloque de declaraciones, encerrado entre llaves, sigue a la lista de parámetros. Estas declaraciones forman el cuerpo de la función y definen lo que hace la función cuando se llama. Toda esta estructura forma la declaración de la función, que es un componente crítico en la estructura de cualquier programa.

Ejemplo: Declaración de Función

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

greet("Alice");  // Outputs: Hello, Alice!

Este ejemplo demuestra una función simple que toma un parámetro y muestra un mensaje de saludo. La función 'greet' toma un parámetro de entrada llamado 'name'. Cuando se llama a esta función, imprime un mensaje de saludo en la consola que incluye el nombre de entrada. La última línea del código llama a la función 'greet' con el argumento "Alice", lo que resulta en la salida: "Hello, Alice!".

2.4.2 Expresiones de Funciones

Una expresión de función es un concepto potente y valioso en el mundo de la programación. En esencia, una expresión de función es una técnica en la que una función se asigna directamente a una variable. La función que se va a asignar a la variable puede ser una función nombrada con su propio nombre designado, o puede ser una función anónima, que es una función sin un nombre específico identificado.

Este concepto y técnica de las expresiones de función abren una considerable cantidad de flexibilidad y adaptabilidad en el ámbito de la programación. Una vez que una función ha sido asignada a una variable, se puede pasar como un valor dentro del código. Esta capacidad de transportar y utilizar la función en todo el código no solo aumenta su utilidad, sino que también mejora la fluidez con la que opera el código.

En términos prácticos, esto significa que la función puede ser utilizada en una multitud de contextos diferentes y puede ser invocada en diferentes puntos a lo largo del código, basándose enteramente en las necesidades, requisitos y discreción del programador. Esta es una ventaja significativa ya que permite al programador adaptar el uso de la función para satisfacer mejor sus objetivos específicos.

Esta capacidad de asignar funciones a variables y usarlas de manera flexible en todo el código de programación es un testimonio de la complejidad y naturaleza dinámica de los lenguajes de programación, como JavaScript. Muestra las numerosas formas en las que estos lenguajes pueden ser manipulados para crear funcionalidades complejas, adaptarse a diferentes necesidades y ejecutar tareas de una manera más eficiente y efectiva.

Ejemplo: Expresión de Función

const square = function(number) {
    return number * number;
};

console.log(square(4));  // Outputs: 16

Aquí, la función se almacena en una variable square, y calcula el cuadrado de un número. El código define una función llamada 'square' que toma un número como entrada y devuelve el cuadrado de ese número. Luego, utiliza la instrucción console.log para imprimir el resultado de la función square cuando la entrada es 4, que es 16.

2.4.3 Funciones Flecha

Introducidas en la sexta edición de ECMAScript (ES6), las funciones flecha trajeron una nueva y concisa sintaxis al panorama de JavaScript. Fueron diseñadas para proporcionar un método más compacto y simplificado de escribir funciones, particularmente en comparación con las expresiones de función tradicionales. Con su sintaxis menos verbosa y más legible, se convirtieron en una favorita instantánea entre los desarrolladores, especialmente cuando se trata de trabajar con expresiones cortas y de una sola línea.

Una de las características destacadas que distingue a las funciones flecha de sus contrapartes tradicionales es su capacidad única para compartir el mismo this léxico que su código circundante. En otras palabras, heredan el enlace this del contexto envolvente.

Esto es una desviación significativa de las funciones tradicionales que crean su propio contexto this. Con las funciones flecha, this mantiene el mismo significado dentro de la función que tiene fuera de ella. Esta característica no solo simplifica el código, sino que también lo hace más fácil de entender y depurar. Elimina errores comunes y confusiones que surgen del comportamiento diferente de la palabra clave this en diferentes contextos, mejorando así la experiencia general de programación.

Ejemplo: Función Flecha

const add = (a, b) => a + b;

console.log(add(5, 3));  // Outputs: 8

Este ejemplo emplea una función flecha para una operación simple de adición. Establece una función constante llamada 'add', que acepta dos argumentos 'a' y 'b', y luego devuelve su suma. La instrucción 'console.log' invoca esta función usando 5 y 3 como argumentos, resultando en la salida del número 8 en la consola.

2.4.4 Alcance en JavaScript

En JavaScript, el concepto de alcance se utiliza para definir el contexto donde las variables pueden ser accedidas. Este es un concepto fundamental que tiene un impacto significativo en cómo se comporta tu código. El alcance en JavaScript puede dividirse en dos tipos principales:

Ámbito Global

Cuando las variables se definen fuera de los confines de cualquier función específica, se dice que tienen un 'ámbito global'. Esta designación particular implica que estas variables, denominadas 'variables globales', pueden ser accedidas desde cualquier parte del código, independientemente de la ubicación o el contexto desde el cual se invocan o llaman.

Esta característica del ámbito global denota una accesibilidad universal, permitiendo que estas variables estén disponibles en toda tu base de código. Esta disponibilidad persiste a lo largo del ciclo de vida del programa, lo que hace que las variables globales sean una herramienta poderosa que debe usarse con prudencia para evitar efectos secundarios no anticipados.

Ámbito Local

Por otro lado, las variables que se definen dentro de la estructura de una función tienen lo que se conoce como un ámbito local. En esencia, esto significa que solo son accesibles o 'visibles' dentro de los confines de esa función específica en la que se declararon originalmente. No pueden ser invocadas o accedidas desde fuera de esa función.

Esta es una restricción significativa y deliberada, ya que impide que estas variables de ámbito local interactúen, interfieran o colisionen con otras partes de tu código que están más allá de los límites de la función.

Este principio de diseño ayuda a mantener la integridad de tu código, asegurando que las funciones operen de manera independiente y que las variables no cambien inesperadamente de valor debido a interacciones con otras partes del código.

Ejemplo: Ámbito Global vs. Ámbito Local

let globalVar = "I am global";

function testScope() {
    let localVar = "I am local";
    console.log(globalVar);  // Accessible here
    console.log(localVar);   // Accessible here
}

testScope();
console.log(globalVar);      // Accessible here
// console.log(localVar);    // Unaccessible here, would throw an error

Este ejemplo explica la distinción entre el alcance global y local. Se declara una variable global llamada "globalVar" y una función llamada "testScope". Dentro de la función, se declara una variable local llamada "localVar". La variable global puede ser accedida tanto dentro como fuera de la función, pero la variable local solo puede ser accedida dentro de la función donde se declara. Intentar acceder a la variable local fuera de la función causará un error.

2.4.5 Comprender `let`, `const` y `var`

La introducción de let y const en ES6 trajo un cambio significativo en el manejo del alcance de las variables en JavaScript. En lugar de estar limitadas al alcance a nivel de función, como es el caso con var, estas nuevas declaraciones introdujeron el concepto de alcance a nivel de bloque.

Esto significa que una variable declarada con let o const solo es accesible dentro del bloque de código en el que fue declarada. Esto difiere de var, que es accesible en cualquier parte dentro de la función en la que fue declarada, sin importar los límites de los bloques.

La naturaleza del alcance a nivel de función de var puede ser una fuente de confusión y resultados inesperados si no se usa con precaución, particularmente en bucles o bloques condicionales. Por lo tanto, el uso de let y const para el alcance a nivel de bloque puede llevar a un código más predecible y con menos errores.

Ejemplo: Alcance de Bloque con let

if (true) {
    let blockScoped = "I am inside a block";
    console.log(blockScoped);  // Outputs: I am inside a block
}

// console.log(blockScoped);  // Unaccessible here, would throw an error

Esto muestra el alcance a nivel de bloque de let, que limita la accesibilidad de blockScoped al bloque del if. Ilustra cómo usar la palabra clave let para declarar una variable con alcance de bloque, blockScoped, que solo es accesible dentro del bloque de su declaración (entre las llaves). Intentar acceder a ella fuera de este bloque, como se muestra en la línea comentada, resulta en un error debido a que está fuera del alcance.

2.4.6 Expresiones de Función Ejecutadas Inmediatamente (IIFE)

Una Expresión de Función Ejecutada Inmediatamente (IIFE, por sus siglas en inglés) es una función que se declara y se ejecuta simultáneamente. Este es un concepto importante en JavaScript, y es un patrón que los programadores suelen usar cuando quieren crear un nuevo alcance. Cuando se usa una IIFE, la función se ejecuta justo después de ser definida.

Esta característica única es particularmente beneficiosa para crear variables privadas y mantener un alcance global limpio. Al usar una IIFE, podemos prevenir cualquier acceso o modificación no deseada a nuestras variables, asegurando así la integridad y fiabilidad de nuestro código.

En otras palabras, mitiga el riesgo de contaminar el alcance global, que es un problema común en el desarrollo de JavaScript. Esto hace que las IIFE sean una herramienta esencial en el repertorio de cualquier desarrollador de JavaScript.

Ejemplo: IIFE

(function() {
    let privateVar = "I am private";
    console.log(privateVar);  // Outputs: I am private
})();
// The variable privateVar is not accessible outside the IIFE

Este ejemplo muestra cómo las IIFE ayudan a encapsular variables, haciéndolas privadas para la función e inaccesibles desde el exterior.

En este ejemplo, se declara una IIFE utilizando la sintaxis (function() { ... })(). Los paréntesis exteriores ( ... ) se usan para agrupar la declaración de la función, convirtiéndola en una expresión. Los paréntesis finales () hacen que la expresión de la función se invoque o ejecute inmediatamente.

Dentro de la IIFE, hay una declaración de variable let privateVar = "I am private";. Esta variable privateVar es local a la IIFE y no se puede acceder fuera del alcance de la función. Esta es una técnica para encapsular variables y hacerlas privadas, lo cual es útil para prevenir accesos o modificaciones externas no deseadas y mantener un alcance global limpio.

Después de la declaración de la variable, hay una declaración de registro en la consola console.log(privateVar);, que muestra la cadena "I am private". Esta declaración de registro en la consola está dentro del alcance de la IIFE, por lo que tiene acceso a la variable privateVar.

Una vez que la IIFE se ha ejecutado, la variable privateVar sale del alcance y ya no es accesible. Como resultado, si intentas acceder a privateVar fuera de la IIFE, obtendrás un error.

2.4.7 Closures

Un closure, en el mundo de la programación, es un tipo particular de función que viene con su propio conjunto único de habilidades. Lo que distingue a un closure de otras funciones es su capacidad inherente para recordar y acceder a variables del ámbito en el que fue originalmente definido. Esto es cierto sin importar dónde se ejecute posteriormente, convirtiéndolo en una herramienta inmensamente poderosa en el arsenal del programador.

Esta característica distintiva de los closures forma la base para la creación de funciones que están equipadas con sus propias variables y métodos privados, creando efectivamente una unidad de código autocontenida. Estas variables y métodos no son accesibles externamente, mejorando así la encapsulación y modularidad del código. Esta característica de los closures es una bendición para los programadores, ya que les permite crear secciones de código que son seguras y autosuficientes.

Dentro de la esfera de la programación funcional, los closures no son solo un concepto importante, son una herramienta esencial. Ofrecen un nivel de poder y flexibilidad que puede aumentar significativamente la eficiencia y simplicidad del código. A través del uso de closures, los programadores pueden simplificar su código, reduciendo la complejidad innecesaria y haciéndolo más fácil de entender y mantener. Todos estos factores se combinan para hacer que los closures sean una parte indispensable de la programación moderna.

Ejemplo: Closure

function makeAdder(x) {
    return function(y) {
        return x + y;
    };
}

const addFive = makeAdder(5);
console.log(addFive(2));  // Outputs: 7

Aquí, addFive es un closure que recuerda el valor de x (5) y lo suma a su argumento cada vez que se llama. Este código JavaScript define una función llamada makeAdder que acepta un solo argumento x. Esta función devuelve otra función que toma otro argumento y, y devuelve la suma de x y y.

En el código, la función makeAdder se llama con 5 como argumento, y la función devuelta se almacena en la variable addFive. Esto convierte a addFive en una función que suma 5 a cualquier número que reciba como argumento.

Finalmente, addFive se llama con el argumento 2, lo que resulta en 7 (porque 5 + 2 es igual a 7), y este resultado se registra en la consola.

2.4.8 Parámetros Predeterminados

En el complejo y intrincado mundo de la programación, el concepto de parámetros predeterminados asume un papel crítico. Los parámetros predeterminados son una característica notable. Permiten que los parámetros nombrados se inicialicen automáticamente con valores predeterminados en situaciones donde no se proporciona un valor explícito, o en casos donde se pasa undefined.

Piensa en un escenario donde estás manejando numerosos parámetros en tu función, y algunos de ellos a menudo permanecen iguales o se utilizan repetidamente. En tales casos, ¿no sería conveniente que esos parámetros se asignaran automáticamente a sus valores habituales sin tener que especificarlos explícitamente cada vez? Eso es precisamente lo que permiten hacer los parámetros predeterminados.

Esta característica es particularmente beneficiosa en situaciones donde se usan ciertos valores con frecuencia. Por ejemplo, podrías tener una función que extrae datos de una base de datos. La mayoría de las veces, podrías estar extrayendo datos de la misma tabla, usando las mismas credenciales de usuario. En lugar de tener que especificar estos parámetros cada vez, podrías configurarlos como parámetros predeterminados, simplificando significativamente las llamadas a tu función.

Además, el uso de parámetros predeterminados asegura que tu código no solo sea más simple, sino también más robusto. Al asignar automáticamente valores a los parámetros, previenes posibles errores que podrían surgir de argumentos faltantes. Esto fortalece tu código, haciéndolo más resistente a errores y fallos, y en última instancia, llevando a un proceso de programación más eficiente y efectivo.

Ejemplo: Parámetros Predeterminados

function greet(name = "Stranger") {
    console.log(`Hello, ${name}!`);
}

greet("Alice");  // Outputs: Hello, Alice!
greet();         // Outputs: Hello, Stranger!

Esta funcionalidad proporciona flexibilidad y seguridad para las funciones, asegurando que manejen los argumentos faltantes de manera elegante. Este es un programa que define una función llamada 'greet'. Esta función toma un parámetro 'name' y, si no se proporciona ningún argumento al llamar a la función, el valor predeterminado es 'Stranger'.

La función luego registra un saludo en la consola, incluyendo el nombre proporcionado o el valor predeterminado. Cuando la función se llama con "Alice" como argumento, muestra "Hello, Alice!". Cuando se llama sin ningún argumento, muestra "Hello, Stranger!".

2.4.9 Parámetros Rest y Sintaxis Spread

Los parámetros rest y la sintaxis spread son características muy útiles en JavaScript que pueden parecer similares a primera vista, pero sirven para propósitos diferentes, aunque complementarios:

Parámetros rest, denotados por una elipsis (...), proporcionan una manera de manejar parámetros de función que permite que un número variable de argumentos sea pasado a una función. Lo que esto significa es que los parámetros rest te permiten representar un número indefinido de argumentos como un array. Esto es especialmente útil cuando no sabes de antemano cuántos argumentos serán pasados a una función.

Por otro lado, la sintaxis spread, también denotada por una elipsis (...), realiza la función opuesta. Permite que un iterable, como un array o una cadena, se expanda en lugares donde se esperan cero o más argumentos (para llamadas a funciones) o elementos (para literales de arrays).

Esto puede ser útil en una variedad de escenarios, como combinar arrays, pasar elementos de un array como argumentos separados a una función, o incluso copiar un array.

Ejemplo: Parámetros Rest

function sumAll(...numbers) {
    return numbers.reduce((acc, num) => acc + num, 0);
}

console.log(sumAll(1, 2, 3, 4));  // Outputs: 10

Esta es una función de JavaScript llamada 'sumAll' que usa la sintaxis de parámetros rest ('...numbers') para representar un número indefinido de argumentos como un array. Dentro de la función, se usa el método 'reduce' para sumar todos los números en el array y devolver la suma total. La línea 'console.log' es una prueba de esta función, pasando los números 1, 2, 3 y 4. El resultado de esta prueba debería ser 10, ya que 1+2+3+4 es igual a 10.

Ejemplo: Sintaxis Spread

let parts = ["shoulders", "knees"];
let body = ["head", ...parts, "toes"];

console.log(body);  // Outputs: ["head", "shoulders", "knees", "toes"]

Este es un programa que usa el operador spread (...) para combinar dos arrays. La variable 'parts' contiene el array ["shoulders", "knees"]. La variable 'body' crea un nuevo array que combina la cadena 'head', los elementos del array 'parts' y la cadena 'toes'. La declaración console.log luego imprime el array 'body' en la consola, mostrando: ["head", "shoulders", "knees", "toes"].

2.4 Funciones y Ámbito

En el mundo de JavaScript, las funciones representan uno de los bloques de construcción más fundamentales del lenguaje. Permiten a los programadores encapsular fragmentos de código que pueden ser reutilizados y ejecutados cuando sea necesario, aportando modularidad y eficiencia a tus scripts. Tener un conocimiento sólido de cómo definir y utilizar estas funciones de manera efectiva es una habilidad esencial para cualquier programador de JavaScript y un elemento clave para escribir código limpio y eficiente.

Además de esto, tener una comprensión clara del concepto de ámbito es igualmente importante. El ámbito determina la visibilidad o accesibilidad de las variables dentro de tu código. Este concepto es absolutamente vital cuando se trata de gestionar datos dentro de tus funciones, así como a lo largo de todo tu programa. La gestión del ámbito puede dictar la estructura de tu código e impactar directamente en su rendimiento y eficiencia.

Esta sección está diseñada para profundizar en la mecánica de las funciones dentro de JavaScript, explorando los detalles de cómo se declaran, cómo se manejan las expresiones dentro de ellas y cómo funciona la gestión del ámbito. A través de una comprensión clara de estos elementos, podrás escribir código JavaScript más eficiente y efectivo.

2.4.1 Declaraciones de Funciones

Una declaración de función es un concepto fundamental en la programación que establece la base para crear una función con los parámetros definidos. Comienza con la palabra clave function, que señala el inicio de la definición de la función.

Esta palabra clave es seguida por el nombre de la función, que es un identificador único utilizado para llamar a la función en el programa. Después del nombre de la función, viene una lista de parámetros, encerrada entre paréntesis. Estos parámetros son las entradas para la función y permiten que la función realice acciones basadas en estos valores proporcionados.

Por último, un bloque de declaraciones, encerrado entre llaves, sigue a la lista de parámetros. Estas declaraciones forman el cuerpo de la función y definen lo que hace la función cuando se llama. Toda esta estructura forma la declaración de la función, que es un componente crítico en la estructura de cualquier programa.

Ejemplo: Declaración de Función

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

greet("Alice");  // Outputs: Hello, Alice!

Este ejemplo demuestra una función simple que toma un parámetro y muestra un mensaje de saludo. La función 'greet' toma un parámetro de entrada llamado 'name'. Cuando se llama a esta función, imprime un mensaje de saludo en la consola que incluye el nombre de entrada. La última línea del código llama a la función 'greet' con el argumento "Alice", lo que resulta en la salida: "Hello, Alice!".

2.4.2 Expresiones de Funciones

Una expresión de función es un concepto potente y valioso en el mundo de la programación. En esencia, una expresión de función es una técnica en la que una función se asigna directamente a una variable. La función que se va a asignar a la variable puede ser una función nombrada con su propio nombre designado, o puede ser una función anónima, que es una función sin un nombre específico identificado.

Este concepto y técnica de las expresiones de función abren una considerable cantidad de flexibilidad y adaptabilidad en el ámbito de la programación. Una vez que una función ha sido asignada a una variable, se puede pasar como un valor dentro del código. Esta capacidad de transportar y utilizar la función en todo el código no solo aumenta su utilidad, sino que también mejora la fluidez con la que opera el código.

En términos prácticos, esto significa que la función puede ser utilizada en una multitud de contextos diferentes y puede ser invocada en diferentes puntos a lo largo del código, basándose enteramente en las necesidades, requisitos y discreción del programador. Esta es una ventaja significativa ya que permite al programador adaptar el uso de la función para satisfacer mejor sus objetivos específicos.

Esta capacidad de asignar funciones a variables y usarlas de manera flexible en todo el código de programación es un testimonio de la complejidad y naturaleza dinámica de los lenguajes de programación, como JavaScript. Muestra las numerosas formas en las que estos lenguajes pueden ser manipulados para crear funcionalidades complejas, adaptarse a diferentes necesidades y ejecutar tareas de una manera más eficiente y efectiva.

Ejemplo: Expresión de Función

const square = function(number) {
    return number * number;
};

console.log(square(4));  // Outputs: 16

Aquí, la función se almacena en una variable square, y calcula el cuadrado de un número. El código define una función llamada 'square' que toma un número como entrada y devuelve el cuadrado de ese número. Luego, utiliza la instrucción console.log para imprimir el resultado de la función square cuando la entrada es 4, que es 16.

2.4.3 Funciones Flecha

Introducidas en la sexta edición de ECMAScript (ES6), las funciones flecha trajeron una nueva y concisa sintaxis al panorama de JavaScript. Fueron diseñadas para proporcionar un método más compacto y simplificado de escribir funciones, particularmente en comparación con las expresiones de función tradicionales. Con su sintaxis menos verbosa y más legible, se convirtieron en una favorita instantánea entre los desarrolladores, especialmente cuando se trata de trabajar con expresiones cortas y de una sola línea.

Una de las características destacadas que distingue a las funciones flecha de sus contrapartes tradicionales es su capacidad única para compartir el mismo this léxico que su código circundante. En otras palabras, heredan el enlace this del contexto envolvente.

Esto es una desviación significativa de las funciones tradicionales que crean su propio contexto this. Con las funciones flecha, this mantiene el mismo significado dentro de la función que tiene fuera de ella. Esta característica no solo simplifica el código, sino que también lo hace más fácil de entender y depurar. Elimina errores comunes y confusiones que surgen del comportamiento diferente de la palabra clave this en diferentes contextos, mejorando así la experiencia general de programación.

Ejemplo: Función Flecha

const add = (a, b) => a + b;

console.log(add(5, 3));  // Outputs: 8

Este ejemplo emplea una función flecha para una operación simple de adición. Establece una función constante llamada 'add', que acepta dos argumentos 'a' y 'b', y luego devuelve su suma. La instrucción 'console.log' invoca esta función usando 5 y 3 como argumentos, resultando en la salida del número 8 en la consola.

2.4.4 Alcance en JavaScript

En JavaScript, el concepto de alcance se utiliza para definir el contexto donde las variables pueden ser accedidas. Este es un concepto fundamental que tiene un impacto significativo en cómo se comporta tu código. El alcance en JavaScript puede dividirse en dos tipos principales:

Ámbito Global

Cuando las variables se definen fuera de los confines de cualquier función específica, se dice que tienen un 'ámbito global'. Esta designación particular implica que estas variables, denominadas 'variables globales', pueden ser accedidas desde cualquier parte del código, independientemente de la ubicación o el contexto desde el cual se invocan o llaman.

Esta característica del ámbito global denota una accesibilidad universal, permitiendo que estas variables estén disponibles en toda tu base de código. Esta disponibilidad persiste a lo largo del ciclo de vida del programa, lo que hace que las variables globales sean una herramienta poderosa que debe usarse con prudencia para evitar efectos secundarios no anticipados.

Ámbito Local

Por otro lado, las variables que se definen dentro de la estructura de una función tienen lo que se conoce como un ámbito local. En esencia, esto significa que solo son accesibles o 'visibles' dentro de los confines de esa función específica en la que se declararon originalmente. No pueden ser invocadas o accedidas desde fuera de esa función.

Esta es una restricción significativa y deliberada, ya que impide que estas variables de ámbito local interactúen, interfieran o colisionen con otras partes de tu código que están más allá de los límites de la función.

Este principio de diseño ayuda a mantener la integridad de tu código, asegurando que las funciones operen de manera independiente y que las variables no cambien inesperadamente de valor debido a interacciones con otras partes del código.

Ejemplo: Ámbito Global vs. Ámbito Local

let globalVar = "I am global";

function testScope() {
    let localVar = "I am local";
    console.log(globalVar);  // Accessible here
    console.log(localVar);   // Accessible here
}

testScope();
console.log(globalVar);      // Accessible here
// console.log(localVar);    // Unaccessible here, would throw an error

Este ejemplo explica la distinción entre el alcance global y local. Se declara una variable global llamada "globalVar" y una función llamada "testScope". Dentro de la función, se declara una variable local llamada "localVar". La variable global puede ser accedida tanto dentro como fuera de la función, pero la variable local solo puede ser accedida dentro de la función donde se declara. Intentar acceder a la variable local fuera de la función causará un error.

2.4.5 Comprender `let`, `const` y `var`

La introducción de let y const en ES6 trajo un cambio significativo en el manejo del alcance de las variables en JavaScript. En lugar de estar limitadas al alcance a nivel de función, como es el caso con var, estas nuevas declaraciones introdujeron el concepto de alcance a nivel de bloque.

Esto significa que una variable declarada con let o const solo es accesible dentro del bloque de código en el que fue declarada. Esto difiere de var, que es accesible en cualquier parte dentro de la función en la que fue declarada, sin importar los límites de los bloques.

La naturaleza del alcance a nivel de función de var puede ser una fuente de confusión y resultados inesperados si no se usa con precaución, particularmente en bucles o bloques condicionales. Por lo tanto, el uso de let y const para el alcance a nivel de bloque puede llevar a un código más predecible y con menos errores.

Ejemplo: Alcance de Bloque con let

if (true) {
    let blockScoped = "I am inside a block";
    console.log(blockScoped);  // Outputs: I am inside a block
}

// console.log(blockScoped);  // Unaccessible here, would throw an error

Esto muestra el alcance a nivel de bloque de let, que limita la accesibilidad de blockScoped al bloque del if. Ilustra cómo usar la palabra clave let para declarar una variable con alcance de bloque, blockScoped, que solo es accesible dentro del bloque de su declaración (entre las llaves). Intentar acceder a ella fuera de este bloque, como se muestra en la línea comentada, resulta en un error debido a que está fuera del alcance.

2.4.6 Expresiones de Función Ejecutadas Inmediatamente (IIFE)

Una Expresión de Función Ejecutada Inmediatamente (IIFE, por sus siglas en inglés) es una función que se declara y se ejecuta simultáneamente. Este es un concepto importante en JavaScript, y es un patrón que los programadores suelen usar cuando quieren crear un nuevo alcance. Cuando se usa una IIFE, la función se ejecuta justo después de ser definida.

Esta característica única es particularmente beneficiosa para crear variables privadas y mantener un alcance global limpio. Al usar una IIFE, podemos prevenir cualquier acceso o modificación no deseada a nuestras variables, asegurando así la integridad y fiabilidad de nuestro código.

En otras palabras, mitiga el riesgo de contaminar el alcance global, que es un problema común en el desarrollo de JavaScript. Esto hace que las IIFE sean una herramienta esencial en el repertorio de cualquier desarrollador de JavaScript.

Ejemplo: IIFE

(function() {
    let privateVar = "I am private";
    console.log(privateVar);  // Outputs: I am private
})();
// The variable privateVar is not accessible outside the IIFE

Este ejemplo muestra cómo las IIFE ayudan a encapsular variables, haciéndolas privadas para la función e inaccesibles desde el exterior.

En este ejemplo, se declara una IIFE utilizando la sintaxis (function() { ... })(). Los paréntesis exteriores ( ... ) se usan para agrupar la declaración de la función, convirtiéndola en una expresión. Los paréntesis finales () hacen que la expresión de la función se invoque o ejecute inmediatamente.

Dentro de la IIFE, hay una declaración de variable let privateVar = "I am private";. Esta variable privateVar es local a la IIFE y no se puede acceder fuera del alcance de la función. Esta es una técnica para encapsular variables y hacerlas privadas, lo cual es útil para prevenir accesos o modificaciones externas no deseadas y mantener un alcance global limpio.

Después de la declaración de la variable, hay una declaración de registro en la consola console.log(privateVar);, que muestra la cadena "I am private". Esta declaración de registro en la consola está dentro del alcance de la IIFE, por lo que tiene acceso a la variable privateVar.

Una vez que la IIFE se ha ejecutado, la variable privateVar sale del alcance y ya no es accesible. Como resultado, si intentas acceder a privateVar fuera de la IIFE, obtendrás un error.

2.4.7 Closures

Un closure, en el mundo de la programación, es un tipo particular de función que viene con su propio conjunto único de habilidades. Lo que distingue a un closure de otras funciones es su capacidad inherente para recordar y acceder a variables del ámbito en el que fue originalmente definido. Esto es cierto sin importar dónde se ejecute posteriormente, convirtiéndolo en una herramienta inmensamente poderosa en el arsenal del programador.

Esta característica distintiva de los closures forma la base para la creación de funciones que están equipadas con sus propias variables y métodos privados, creando efectivamente una unidad de código autocontenida. Estas variables y métodos no son accesibles externamente, mejorando así la encapsulación y modularidad del código. Esta característica de los closures es una bendición para los programadores, ya que les permite crear secciones de código que son seguras y autosuficientes.

Dentro de la esfera de la programación funcional, los closures no son solo un concepto importante, son una herramienta esencial. Ofrecen un nivel de poder y flexibilidad que puede aumentar significativamente la eficiencia y simplicidad del código. A través del uso de closures, los programadores pueden simplificar su código, reduciendo la complejidad innecesaria y haciéndolo más fácil de entender y mantener. Todos estos factores se combinan para hacer que los closures sean una parte indispensable de la programación moderna.

Ejemplo: Closure

function makeAdder(x) {
    return function(y) {
        return x + y;
    };
}

const addFive = makeAdder(5);
console.log(addFive(2));  // Outputs: 7

Aquí, addFive es un closure que recuerda el valor de x (5) y lo suma a su argumento cada vez que se llama. Este código JavaScript define una función llamada makeAdder que acepta un solo argumento x. Esta función devuelve otra función que toma otro argumento y, y devuelve la suma de x y y.

En el código, la función makeAdder se llama con 5 como argumento, y la función devuelta se almacena en la variable addFive. Esto convierte a addFive en una función que suma 5 a cualquier número que reciba como argumento.

Finalmente, addFive se llama con el argumento 2, lo que resulta en 7 (porque 5 + 2 es igual a 7), y este resultado se registra en la consola.

2.4.8 Parámetros Predeterminados

En el complejo y intrincado mundo de la programación, el concepto de parámetros predeterminados asume un papel crítico. Los parámetros predeterminados son una característica notable. Permiten que los parámetros nombrados se inicialicen automáticamente con valores predeterminados en situaciones donde no se proporciona un valor explícito, o en casos donde se pasa undefined.

Piensa en un escenario donde estás manejando numerosos parámetros en tu función, y algunos de ellos a menudo permanecen iguales o se utilizan repetidamente. En tales casos, ¿no sería conveniente que esos parámetros se asignaran automáticamente a sus valores habituales sin tener que especificarlos explícitamente cada vez? Eso es precisamente lo que permiten hacer los parámetros predeterminados.

Esta característica es particularmente beneficiosa en situaciones donde se usan ciertos valores con frecuencia. Por ejemplo, podrías tener una función que extrae datos de una base de datos. La mayoría de las veces, podrías estar extrayendo datos de la misma tabla, usando las mismas credenciales de usuario. En lugar de tener que especificar estos parámetros cada vez, podrías configurarlos como parámetros predeterminados, simplificando significativamente las llamadas a tu función.

Además, el uso de parámetros predeterminados asegura que tu código no solo sea más simple, sino también más robusto. Al asignar automáticamente valores a los parámetros, previenes posibles errores que podrían surgir de argumentos faltantes. Esto fortalece tu código, haciéndolo más resistente a errores y fallos, y en última instancia, llevando a un proceso de programación más eficiente y efectivo.

Ejemplo: Parámetros Predeterminados

function greet(name = "Stranger") {
    console.log(`Hello, ${name}!`);
}

greet("Alice");  // Outputs: Hello, Alice!
greet();         // Outputs: Hello, Stranger!

Esta funcionalidad proporciona flexibilidad y seguridad para las funciones, asegurando que manejen los argumentos faltantes de manera elegante. Este es un programa que define una función llamada 'greet'. Esta función toma un parámetro 'name' y, si no se proporciona ningún argumento al llamar a la función, el valor predeterminado es 'Stranger'.

La función luego registra un saludo en la consola, incluyendo el nombre proporcionado o el valor predeterminado. Cuando la función se llama con "Alice" como argumento, muestra "Hello, Alice!". Cuando se llama sin ningún argumento, muestra "Hello, Stranger!".

2.4.9 Parámetros Rest y Sintaxis Spread

Los parámetros rest y la sintaxis spread son características muy útiles en JavaScript que pueden parecer similares a primera vista, pero sirven para propósitos diferentes, aunque complementarios:

Parámetros rest, denotados por una elipsis (...), proporcionan una manera de manejar parámetros de función que permite que un número variable de argumentos sea pasado a una función. Lo que esto significa es que los parámetros rest te permiten representar un número indefinido de argumentos como un array. Esto es especialmente útil cuando no sabes de antemano cuántos argumentos serán pasados a una función.

Por otro lado, la sintaxis spread, también denotada por una elipsis (...), realiza la función opuesta. Permite que un iterable, como un array o una cadena, se expanda en lugares donde se esperan cero o más argumentos (para llamadas a funciones) o elementos (para literales de arrays).

Esto puede ser útil en una variedad de escenarios, como combinar arrays, pasar elementos de un array como argumentos separados a una función, o incluso copiar un array.

Ejemplo: Parámetros Rest

function sumAll(...numbers) {
    return numbers.reduce((acc, num) => acc + num, 0);
}

console.log(sumAll(1, 2, 3, 4));  // Outputs: 10

Esta es una función de JavaScript llamada 'sumAll' que usa la sintaxis de parámetros rest ('...numbers') para representar un número indefinido de argumentos como un array. Dentro de la función, se usa el método 'reduce' para sumar todos los números en el array y devolver la suma total. La línea 'console.log' es una prueba de esta función, pasando los números 1, 2, 3 y 4. El resultado de esta prueba debería ser 10, ya que 1+2+3+4 es igual a 10.

Ejemplo: Sintaxis Spread

let parts = ["shoulders", "knees"];
let body = ["head", ...parts, "toes"];

console.log(body);  // Outputs: ["head", "shoulders", "knees", "toes"]

Este es un programa que usa el operador spread (...) para combinar dos arrays. La variable 'parts' contiene el array ["shoulders", "knees"]. La variable 'body' crea un nuevo array que combina la cadena 'head', los elementos del array 'parts' y la cadena 'toes'. La declaración console.log luego imprime el array 'body' en la consola, mostrando: ["head", "shoulders", "knees", "toes"].

2.4 Funciones y Ámbito

En el mundo de JavaScript, las funciones representan uno de los bloques de construcción más fundamentales del lenguaje. Permiten a los programadores encapsular fragmentos de código que pueden ser reutilizados y ejecutados cuando sea necesario, aportando modularidad y eficiencia a tus scripts. Tener un conocimiento sólido de cómo definir y utilizar estas funciones de manera efectiva es una habilidad esencial para cualquier programador de JavaScript y un elemento clave para escribir código limpio y eficiente.

Además de esto, tener una comprensión clara del concepto de ámbito es igualmente importante. El ámbito determina la visibilidad o accesibilidad de las variables dentro de tu código. Este concepto es absolutamente vital cuando se trata de gestionar datos dentro de tus funciones, así como a lo largo de todo tu programa. La gestión del ámbito puede dictar la estructura de tu código e impactar directamente en su rendimiento y eficiencia.

Esta sección está diseñada para profundizar en la mecánica de las funciones dentro de JavaScript, explorando los detalles de cómo se declaran, cómo se manejan las expresiones dentro de ellas y cómo funciona la gestión del ámbito. A través de una comprensión clara de estos elementos, podrás escribir código JavaScript más eficiente y efectivo.

2.4.1 Declaraciones de Funciones

Una declaración de función es un concepto fundamental en la programación que establece la base para crear una función con los parámetros definidos. Comienza con la palabra clave function, que señala el inicio de la definición de la función.

Esta palabra clave es seguida por el nombre de la función, que es un identificador único utilizado para llamar a la función en el programa. Después del nombre de la función, viene una lista de parámetros, encerrada entre paréntesis. Estos parámetros son las entradas para la función y permiten que la función realice acciones basadas en estos valores proporcionados.

Por último, un bloque de declaraciones, encerrado entre llaves, sigue a la lista de parámetros. Estas declaraciones forman el cuerpo de la función y definen lo que hace la función cuando se llama. Toda esta estructura forma la declaración de la función, que es un componente crítico en la estructura de cualquier programa.

Ejemplo: Declaración de Función

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

greet("Alice");  // Outputs: Hello, Alice!

Este ejemplo demuestra una función simple que toma un parámetro y muestra un mensaje de saludo. La función 'greet' toma un parámetro de entrada llamado 'name'. Cuando se llama a esta función, imprime un mensaje de saludo en la consola que incluye el nombre de entrada. La última línea del código llama a la función 'greet' con el argumento "Alice", lo que resulta en la salida: "Hello, Alice!".

2.4.2 Expresiones de Funciones

Una expresión de función es un concepto potente y valioso en el mundo de la programación. En esencia, una expresión de función es una técnica en la que una función se asigna directamente a una variable. La función que se va a asignar a la variable puede ser una función nombrada con su propio nombre designado, o puede ser una función anónima, que es una función sin un nombre específico identificado.

Este concepto y técnica de las expresiones de función abren una considerable cantidad de flexibilidad y adaptabilidad en el ámbito de la programación. Una vez que una función ha sido asignada a una variable, se puede pasar como un valor dentro del código. Esta capacidad de transportar y utilizar la función en todo el código no solo aumenta su utilidad, sino que también mejora la fluidez con la que opera el código.

En términos prácticos, esto significa que la función puede ser utilizada en una multitud de contextos diferentes y puede ser invocada en diferentes puntos a lo largo del código, basándose enteramente en las necesidades, requisitos y discreción del programador. Esta es una ventaja significativa ya que permite al programador adaptar el uso de la función para satisfacer mejor sus objetivos específicos.

Esta capacidad de asignar funciones a variables y usarlas de manera flexible en todo el código de programación es un testimonio de la complejidad y naturaleza dinámica de los lenguajes de programación, como JavaScript. Muestra las numerosas formas en las que estos lenguajes pueden ser manipulados para crear funcionalidades complejas, adaptarse a diferentes necesidades y ejecutar tareas de una manera más eficiente y efectiva.

Ejemplo: Expresión de Función

const square = function(number) {
    return number * number;
};

console.log(square(4));  // Outputs: 16

Aquí, la función se almacena en una variable square, y calcula el cuadrado de un número. El código define una función llamada 'square' que toma un número como entrada y devuelve el cuadrado de ese número. Luego, utiliza la instrucción console.log para imprimir el resultado de la función square cuando la entrada es 4, que es 16.

2.4.3 Funciones Flecha

Introducidas en la sexta edición de ECMAScript (ES6), las funciones flecha trajeron una nueva y concisa sintaxis al panorama de JavaScript. Fueron diseñadas para proporcionar un método más compacto y simplificado de escribir funciones, particularmente en comparación con las expresiones de función tradicionales. Con su sintaxis menos verbosa y más legible, se convirtieron en una favorita instantánea entre los desarrolladores, especialmente cuando se trata de trabajar con expresiones cortas y de una sola línea.

Una de las características destacadas que distingue a las funciones flecha de sus contrapartes tradicionales es su capacidad única para compartir el mismo this léxico que su código circundante. En otras palabras, heredan el enlace this del contexto envolvente.

Esto es una desviación significativa de las funciones tradicionales que crean su propio contexto this. Con las funciones flecha, this mantiene el mismo significado dentro de la función que tiene fuera de ella. Esta característica no solo simplifica el código, sino que también lo hace más fácil de entender y depurar. Elimina errores comunes y confusiones que surgen del comportamiento diferente de la palabra clave this en diferentes contextos, mejorando así la experiencia general de programación.

Ejemplo: Función Flecha

const add = (a, b) => a + b;

console.log(add(5, 3));  // Outputs: 8

Este ejemplo emplea una función flecha para una operación simple de adición. Establece una función constante llamada 'add', que acepta dos argumentos 'a' y 'b', y luego devuelve su suma. La instrucción 'console.log' invoca esta función usando 5 y 3 como argumentos, resultando en la salida del número 8 en la consola.

2.4.4 Alcance en JavaScript

En JavaScript, el concepto de alcance se utiliza para definir el contexto donde las variables pueden ser accedidas. Este es un concepto fundamental que tiene un impacto significativo en cómo se comporta tu código. El alcance en JavaScript puede dividirse en dos tipos principales:

Ámbito Global

Cuando las variables se definen fuera de los confines de cualquier función específica, se dice que tienen un 'ámbito global'. Esta designación particular implica que estas variables, denominadas 'variables globales', pueden ser accedidas desde cualquier parte del código, independientemente de la ubicación o el contexto desde el cual se invocan o llaman.

Esta característica del ámbito global denota una accesibilidad universal, permitiendo que estas variables estén disponibles en toda tu base de código. Esta disponibilidad persiste a lo largo del ciclo de vida del programa, lo que hace que las variables globales sean una herramienta poderosa que debe usarse con prudencia para evitar efectos secundarios no anticipados.

Ámbito Local

Por otro lado, las variables que se definen dentro de la estructura de una función tienen lo que se conoce como un ámbito local. En esencia, esto significa que solo son accesibles o 'visibles' dentro de los confines de esa función específica en la que se declararon originalmente. No pueden ser invocadas o accedidas desde fuera de esa función.

Esta es una restricción significativa y deliberada, ya que impide que estas variables de ámbito local interactúen, interfieran o colisionen con otras partes de tu código que están más allá de los límites de la función.

Este principio de diseño ayuda a mantener la integridad de tu código, asegurando que las funciones operen de manera independiente y que las variables no cambien inesperadamente de valor debido a interacciones con otras partes del código.

Ejemplo: Ámbito Global vs. Ámbito Local

let globalVar = "I am global";

function testScope() {
    let localVar = "I am local";
    console.log(globalVar);  // Accessible here
    console.log(localVar);   // Accessible here
}

testScope();
console.log(globalVar);      // Accessible here
// console.log(localVar);    // Unaccessible here, would throw an error

Este ejemplo explica la distinción entre el alcance global y local. Se declara una variable global llamada "globalVar" y una función llamada "testScope". Dentro de la función, se declara una variable local llamada "localVar". La variable global puede ser accedida tanto dentro como fuera de la función, pero la variable local solo puede ser accedida dentro de la función donde se declara. Intentar acceder a la variable local fuera de la función causará un error.

2.4.5 Comprender `let`, `const` y `var`

La introducción de let y const en ES6 trajo un cambio significativo en el manejo del alcance de las variables en JavaScript. En lugar de estar limitadas al alcance a nivel de función, como es el caso con var, estas nuevas declaraciones introdujeron el concepto de alcance a nivel de bloque.

Esto significa que una variable declarada con let o const solo es accesible dentro del bloque de código en el que fue declarada. Esto difiere de var, que es accesible en cualquier parte dentro de la función en la que fue declarada, sin importar los límites de los bloques.

La naturaleza del alcance a nivel de función de var puede ser una fuente de confusión y resultados inesperados si no se usa con precaución, particularmente en bucles o bloques condicionales. Por lo tanto, el uso de let y const para el alcance a nivel de bloque puede llevar a un código más predecible y con menos errores.

Ejemplo: Alcance de Bloque con let

if (true) {
    let blockScoped = "I am inside a block";
    console.log(blockScoped);  // Outputs: I am inside a block
}

// console.log(blockScoped);  // Unaccessible here, would throw an error

Esto muestra el alcance a nivel de bloque de let, que limita la accesibilidad de blockScoped al bloque del if. Ilustra cómo usar la palabra clave let para declarar una variable con alcance de bloque, blockScoped, que solo es accesible dentro del bloque de su declaración (entre las llaves). Intentar acceder a ella fuera de este bloque, como se muestra en la línea comentada, resulta en un error debido a que está fuera del alcance.

2.4.6 Expresiones de Función Ejecutadas Inmediatamente (IIFE)

Una Expresión de Función Ejecutada Inmediatamente (IIFE, por sus siglas en inglés) es una función que se declara y se ejecuta simultáneamente. Este es un concepto importante en JavaScript, y es un patrón que los programadores suelen usar cuando quieren crear un nuevo alcance. Cuando se usa una IIFE, la función se ejecuta justo después de ser definida.

Esta característica única es particularmente beneficiosa para crear variables privadas y mantener un alcance global limpio. Al usar una IIFE, podemos prevenir cualquier acceso o modificación no deseada a nuestras variables, asegurando así la integridad y fiabilidad de nuestro código.

En otras palabras, mitiga el riesgo de contaminar el alcance global, que es un problema común en el desarrollo de JavaScript. Esto hace que las IIFE sean una herramienta esencial en el repertorio de cualquier desarrollador de JavaScript.

Ejemplo: IIFE

(function() {
    let privateVar = "I am private";
    console.log(privateVar);  // Outputs: I am private
})();
// The variable privateVar is not accessible outside the IIFE

Este ejemplo muestra cómo las IIFE ayudan a encapsular variables, haciéndolas privadas para la función e inaccesibles desde el exterior.

En este ejemplo, se declara una IIFE utilizando la sintaxis (function() { ... })(). Los paréntesis exteriores ( ... ) se usan para agrupar la declaración de la función, convirtiéndola en una expresión. Los paréntesis finales () hacen que la expresión de la función se invoque o ejecute inmediatamente.

Dentro de la IIFE, hay una declaración de variable let privateVar = "I am private";. Esta variable privateVar es local a la IIFE y no se puede acceder fuera del alcance de la función. Esta es una técnica para encapsular variables y hacerlas privadas, lo cual es útil para prevenir accesos o modificaciones externas no deseadas y mantener un alcance global limpio.

Después de la declaración de la variable, hay una declaración de registro en la consola console.log(privateVar);, que muestra la cadena "I am private". Esta declaración de registro en la consola está dentro del alcance de la IIFE, por lo que tiene acceso a la variable privateVar.

Una vez que la IIFE se ha ejecutado, la variable privateVar sale del alcance y ya no es accesible. Como resultado, si intentas acceder a privateVar fuera de la IIFE, obtendrás un error.

2.4.7 Closures

Un closure, en el mundo de la programación, es un tipo particular de función que viene con su propio conjunto único de habilidades. Lo que distingue a un closure de otras funciones es su capacidad inherente para recordar y acceder a variables del ámbito en el que fue originalmente definido. Esto es cierto sin importar dónde se ejecute posteriormente, convirtiéndolo en una herramienta inmensamente poderosa en el arsenal del programador.

Esta característica distintiva de los closures forma la base para la creación de funciones que están equipadas con sus propias variables y métodos privados, creando efectivamente una unidad de código autocontenida. Estas variables y métodos no son accesibles externamente, mejorando así la encapsulación y modularidad del código. Esta característica de los closures es una bendición para los programadores, ya que les permite crear secciones de código que son seguras y autosuficientes.

Dentro de la esfera de la programación funcional, los closures no son solo un concepto importante, son una herramienta esencial. Ofrecen un nivel de poder y flexibilidad que puede aumentar significativamente la eficiencia y simplicidad del código. A través del uso de closures, los programadores pueden simplificar su código, reduciendo la complejidad innecesaria y haciéndolo más fácil de entender y mantener. Todos estos factores se combinan para hacer que los closures sean una parte indispensable de la programación moderna.

Ejemplo: Closure

function makeAdder(x) {
    return function(y) {
        return x + y;
    };
}

const addFive = makeAdder(5);
console.log(addFive(2));  // Outputs: 7

Aquí, addFive es un closure que recuerda el valor de x (5) y lo suma a su argumento cada vez que se llama. Este código JavaScript define una función llamada makeAdder que acepta un solo argumento x. Esta función devuelve otra función que toma otro argumento y, y devuelve la suma de x y y.

En el código, la función makeAdder se llama con 5 como argumento, y la función devuelta se almacena en la variable addFive. Esto convierte a addFive en una función que suma 5 a cualquier número que reciba como argumento.

Finalmente, addFive se llama con el argumento 2, lo que resulta en 7 (porque 5 + 2 es igual a 7), y este resultado se registra en la consola.

2.4.8 Parámetros Predeterminados

En el complejo y intrincado mundo de la programación, el concepto de parámetros predeterminados asume un papel crítico. Los parámetros predeterminados son una característica notable. Permiten que los parámetros nombrados se inicialicen automáticamente con valores predeterminados en situaciones donde no se proporciona un valor explícito, o en casos donde se pasa undefined.

Piensa en un escenario donde estás manejando numerosos parámetros en tu función, y algunos de ellos a menudo permanecen iguales o se utilizan repetidamente. En tales casos, ¿no sería conveniente que esos parámetros se asignaran automáticamente a sus valores habituales sin tener que especificarlos explícitamente cada vez? Eso es precisamente lo que permiten hacer los parámetros predeterminados.

Esta característica es particularmente beneficiosa en situaciones donde se usan ciertos valores con frecuencia. Por ejemplo, podrías tener una función que extrae datos de una base de datos. La mayoría de las veces, podrías estar extrayendo datos de la misma tabla, usando las mismas credenciales de usuario. En lugar de tener que especificar estos parámetros cada vez, podrías configurarlos como parámetros predeterminados, simplificando significativamente las llamadas a tu función.

Además, el uso de parámetros predeterminados asegura que tu código no solo sea más simple, sino también más robusto. Al asignar automáticamente valores a los parámetros, previenes posibles errores que podrían surgir de argumentos faltantes. Esto fortalece tu código, haciéndolo más resistente a errores y fallos, y en última instancia, llevando a un proceso de programación más eficiente y efectivo.

Ejemplo: Parámetros Predeterminados

function greet(name = "Stranger") {
    console.log(`Hello, ${name}!`);
}

greet("Alice");  // Outputs: Hello, Alice!
greet();         // Outputs: Hello, Stranger!

Esta funcionalidad proporciona flexibilidad y seguridad para las funciones, asegurando que manejen los argumentos faltantes de manera elegante. Este es un programa que define una función llamada 'greet'. Esta función toma un parámetro 'name' y, si no se proporciona ningún argumento al llamar a la función, el valor predeterminado es 'Stranger'.

La función luego registra un saludo en la consola, incluyendo el nombre proporcionado o el valor predeterminado. Cuando la función se llama con "Alice" como argumento, muestra "Hello, Alice!". Cuando se llama sin ningún argumento, muestra "Hello, Stranger!".

2.4.9 Parámetros Rest y Sintaxis Spread

Los parámetros rest y la sintaxis spread son características muy útiles en JavaScript que pueden parecer similares a primera vista, pero sirven para propósitos diferentes, aunque complementarios:

Parámetros rest, denotados por una elipsis (...), proporcionan una manera de manejar parámetros de función que permite que un número variable de argumentos sea pasado a una función. Lo que esto significa es que los parámetros rest te permiten representar un número indefinido de argumentos como un array. Esto es especialmente útil cuando no sabes de antemano cuántos argumentos serán pasados a una función.

Por otro lado, la sintaxis spread, también denotada por una elipsis (...), realiza la función opuesta. Permite que un iterable, como un array o una cadena, se expanda en lugares donde se esperan cero o más argumentos (para llamadas a funciones) o elementos (para literales de arrays).

Esto puede ser útil en una variedad de escenarios, como combinar arrays, pasar elementos de un array como argumentos separados a una función, o incluso copiar un array.

Ejemplo: Parámetros Rest

function sumAll(...numbers) {
    return numbers.reduce((acc, num) => acc + num, 0);
}

console.log(sumAll(1, 2, 3, 4));  // Outputs: 10

Esta es una función de JavaScript llamada 'sumAll' que usa la sintaxis de parámetros rest ('...numbers') para representar un número indefinido de argumentos como un array. Dentro de la función, se usa el método 'reduce' para sumar todos los números en el array y devolver la suma total. La línea 'console.log' es una prueba de esta función, pasando los números 1, 2, 3 y 4. El resultado de esta prueba debería ser 10, ya que 1+2+3+4 es igual a 10.

Ejemplo: Sintaxis Spread

let parts = ["shoulders", "knees"];
let body = ["head", ...parts, "toes"];

console.log(body);  // Outputs: ["head", "shoulders", "knees", "toes"]

Este es un programa que usa el operador spread (...) para combinar dos arrays. La variable 'parts' contiene el array ["shoulders", "knees"]. La variable 'body' crea un nuevo array que combina la cadena 'head', los elementos del array 'parts' y la cadena 'toes'. La declaración console.log luego imprime el array 'body' en la consola, mostrando: ["head", "shoulders", "knees", "toes"].

2.4 Funciones y Ámbito

En el mundo de JavaScript, las funciones representan uno de los bloques de construcción más fundamentales del lenguaje. Permiten a los programadores encapsular fragmentos de código que pueden ser reutilizados y ejecutados cuando sea necesario, aportando modularidad y eficiencia a tus scripts. Tener un conocimiento sólido de cómo definir y utilizar estas funciones de manera efectiva es una habilidad esencial para cualquier programador de JavaScript y un elemento clave para escribir código limpio y eficiente.

Además de esto, tener una comprensión clara del concepto de ámbito es igualmente importante. El ámbito determina la visibilidad o accesibilidad de las variables dentro de tu código. Este concepto es absolutamente vital cuando se trata de gestionar datos dentro de tus funciones, así como a lo largo de todo tu programa. La gestión del ámbito puede dictar la estructura de tu código e impactar directamente en su rendimiento y eficiencia.

Esta sección está diseñada para profundizar en la mecánica de las funciones dentro de JavaScript, explorando los detalles de cómo se declaran, cómo se manejan las expresiones dentro de ellas y cómo funciona la gestión del ámbito. A través de una comprensión clara de estos elementos, podrás escribir código JavaScript más eficiente y efectivo.

2.4.1 Declaraciones de Funciones

Una declaración de función es un concepto fundamental en la programación que establece la base para crear una función con los parámetros definidos. Comienza con la palabra clave function, que señala el inicio de la definición de la función.

Esta palabra clave es seguida por el nombre de la función, que es un identificador único utilizado para llamar a la función en el programa. Después del nombre de la función, viene una lista de parámetros, encerrada entre paréntesis. Estos parámetros son las entradas para la función y permiten que la función realice acciones basadas en estos valores proporcionados.

Por último, un bloque de declaraciones, encerrado entre llaves, sigue a la lista de parámetros. Estas declaraciones forman el cuerpo de la función y definen lo que hace la función cuando se llama. Toda esta estructura forma la declaración de la función, que es un componente crítico en la estructura de cualquier programa.

Ejemplo: Declaración de Función

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

greet("Alice");  // Outputs: Hello, Alice!

Este ejemplo demuestra una función simple que toma un parámetro y muestra un mensaje de saludo. La función 'greet' toma un parámetro de entrada llamado 'name'. Cuando se llama a esta función, imprime un mensaje de saludo en la consola que incluye el nombre de entrada. La última línea del código llama a la función 'greet' con el argumento "Alice", lo que resulta en la salida: "Hello, Alice!".

2.4.2 Expresiones de Funciones

Una expresión de función es un concepto potente y valioso en el mundo de la programación. En esencia, una expresión de función es una técnica en la que una función se asigna directamente a una variable. La función que se va a asignar a la variable puede ser una función nombrada con su propio nombre designado, o puede ser una función anónima, que es una función sin un nombre específico identificado.

Este concepto y técnica de las expresiones de función abren una considerable cantidad de flexibilidad y adaptabilidad en el ámbito de la programación. Una vez que una función ha sido asignada a una variable, se puede pasar como un valor dentro del código. Esta capacidad de transportar y utilizar la función en todo el código no solo aumenta su utilidad, sino que también mejora la fluidez con la que opera el código.

En términos prácticos, esto significa que la función puede ser utilizada en una multitud de contextos diferentes y puede ser invocada en diferentes puntos a lo largo del código, basándose enteramente en las necesidades, requisitos y discreción del programador. Esta es una ventaja significativa ya que permite al programador adaptar el uso de la función para satisfacer mejor sus objetivos específicos.

Esta capacidad de asignar funciones a variables y usarlas de manera flexible en todo el código de programación es un testimonio de la complejidad y naturaleza dinámica de los lenguajes de programación, como JavaScript. Muestra las numerosas formas en las que estos lenguajes pueden ser manipulados para crear funcionalidades complejas, adaptarse a diferentes necesidades y ejecutar tareas de una manera más eficiente y efectiva.

Ejemplo: Expresión de Función

const square = function(number) {
    return number * number;
};

console.log(square(4));  // Outputs: 16

Aquí, la función se almacena en una variable square, y calcula el cuadrado de un número. El código define una función llamada 'square' que toma un número como entrada y devuelve el cuadrado de ese número. Luego, utiliza la instrucción console.log para imprimir el resultado de la función square cuando la entrada es 4, que es 16.

2.4.3 Funciones Flecha

Introducidas en la sexta edición de ECMAScript (ES6), las funciones flecha trajeron una nueva y concisa sintaxis al panorama de JavaScript. Fueron diseñadas para proporcionar un método más compacto y simplificado de escribir funciones, particularmente en comparación con las expresiones de función tradicionales. Con su sintaxis menos verbosa y más legible, se convirtieron en una favorita instantánea entre los desarrolladores, especialmente cuando se trata de trabajar con expresiones cortas y de una sola línea.

Una de las características destacadas que distingue a las funciones flecha de sus contrapartes tradicionales es su capacidad única para compartir el mismo this léxico que su código circundante. En otras palabras, heredan el enlace this del contexto envolvente.

Esto es una desviación significativa de las funciones tradicionales que crean su propio contexto this. Con las funciones flecha, this mantiene el mismo significado dentro de la función que tiene fuera de ella. Esta característica no solo simplifica el código, sino que también lo hace más fácil de entender y depurar. Elimina errores comunes y confusiones que surgen del comportamiento diferente de la palabra clave this en diferentes contextos, mejorando así la experiencia general de programación.

Ejemplo: Función Flecha

const add = (a, b) => a + b;

console.log(add(5, 3));  // Outputs: 8

Este ejemplo emplea una función flecha para una operación simple de adición. Establece una función constante llamada 'add', que acepta dos argumentos 'a' y 'b', y luego devuelve su suma. La instrucción 'console.log' invoca esta función usando 5 y 3 como argumentos, resultando en la salida del número 8 en la consola.

2.4.4 Alcance en JavaScript

En JavaScript, el concepto de alcance se utiliza para definir el contexto donde las variables pueden ser accedidas. Este es un concepto fundamental que tiene un impacto significativo en cómo se comporta tu código. El alcance en JavaScript puede dividirse en dos tipos principales:

Ámbito Global

Cuando las variables se definen fuera de los confines de cualquier función específica, se dice que tienen un 'ámbito global'. Esta designación particular implica que estas variables, denominadas 'variables globales', pueden ser accedidas desde cualquier parte del código, independientemente de la ubicación o el contexto desde el cual se invocan o llaman.

Esta característica del ámbito global denota una accesibilidad universal, permitiendo que estas variables estén disponibles en toda tu base de código. Esta disponibilidad persiste a lo largo del ciclo de vida del programa, lo que hace que las variables globales sean una herramienta poderosa que debe usarse con prudencia para evitar efectos secundarios no anticipados.

Ámbito Local

Por otro lado, las variables que se definen dentro de la estructura de una función tienen lo que se conoce como un ámbito local. En esencia, esto significa que solo son accesibles o 'visibles' dentro de los confines de esa función específica en la que se declararon originalmente. No pueden ser invocadas o accedidas desde fuera de esa función.

Esta es una restricción significativa y deliberada, ya que impide que estas variables de ámbito local interactúen, interfieran o colisionen con otras partes de tu código que están más allá de los límites de la función.

Este principio de diseño ayuda a mantener la integridad de tu código, asegurando que las funciones operen de manera independiente y que las variables no cambien inesperadamente de valor debido a interacciones con otras partes del código.

Ejemplo: Ámbito Global vs. Ámbito Local

let globalVar = "I am global";

function testScope() {
    let localVar = "I am local";
    console.log(globalVar);  // Accessible here
    console.log(localVar);   // Accessible here
}

testScope();
console.log(globalVar);      // Accessible here
// console.log(localVar);    // Unaccessible here, would throw an error

Este ejemplo explica la distinción entre el alcance global y local. Se declara una variable global llamada "globalVar" y una función llamada "testScope". Dentro de la función, se declara una variable local llamada "localVar". La variable global puede ser accedida tanto dentro como fuera de la función, pero la variable local solo puede ser accedida dentro de la función donde se declara. Intentar acceder a la variable local fuera de la función causará un error.

2.4.5 Comprender `let`, `const` y `var`

La introducción de let y const en ES6 trajo un cambio significativo en el manejo del alcance de las variables en JavaScript. En lugar de estar limitadas al alcance a nivel de función, como es el caso con var, estas nuevas declaraciones introdujeron el concepto de alcance a nivel de bloque.

Esto significa que una variable declarada con let o const solo es accesible dentro del bloque de código en el que fue declarada. Esto difiere de var, que es accesible en cualquier parte dentro de la función en la que fue declarada, sin importar los límites de los bloques.

La naturaleza del alcance a nivel de función de var puede ser una fuente de confusión y resultados inesperados si no se usa con precaución, particularmente en bucles o bloques condicionales. Por lo tanto, el uso de let y const para el alcance a nivel de bloque puede llevar a un código más predecible y con menos errores.

Ejemplo: Alcance de Bloque con let

if (true) {
    let blockScoped = "I am inside a block";
    console.log(blockScoped);  // Outputs: I am inside a block
}

// console.log(blockScoped);  // Unaccessible here, would throw an error

Esto muestra el alcance a nivel de bloque de let, que limita la accesibilidad de blockScoped al bloque del if. Ilustra cómo usar la palabra clave let para declarar una variable con alcance de bloque, blockScoped, que solo es accesible dentro del bloque de su declaración (entre las llaves). Intentar acceder a ella fuera de este bloque, como se muestra en la línea comentada, resulta en un error debido a que está fuera del alcance.

2.4.6 Expresiones de Función Ejecutadas Inmediatamente (IIFE)

Una Expresión de Función Ejecutada Inmediatamente (IIFE, por sus siglas en inglés) es una función que se declara y se ejecuta simultáneamente. Este es un concepto importante en JavaScript, y es un patrón que los programadores suelen usar cuando quieren crear un nuevo alcance. Cuando se usa una IIFE, la función se ejecuta justo después de ser definida.

Esta característica única es particularmente beneficiosa para crear variables privadas y mantener un alcance global limpio. Al usar una IIFE, podemos prevenir cualquier acceso o modificación no deseada a nuestras variables, asegurando así la integridad y fiabilidad de nuestro código.

En otras palabras, mitiga el riesgo de contaminar el alcance global, que es un problema común en el desarrollo de JavaScript. Esto hace que las IIFE sean una herramienta esencial en el repertorio de cualquier desarrollador de JavaScript.

Ejemplo: IIFE

(function() {
    let privateVar = "I am private";
    console.log(privateVar);  // Outputs: I am private
})();
// The variable privateVar is not accessible outside the IIFE

Este ejemplo muestra cómo las IIFE ayudan a encapsular variables, haciéndolas privadas para la función e inaccesibles desde el exterior.

En este ejemplo, se declara una IIFE utilizando la sintaxis (function() { ... })(). Los paréntesis exteriores ( ... ) se usan para agrupar la declaración de la función, convirtiéndola en una expresión. Los paréntesis finales () hacen que la expresión de la función se invoque o ejecute inmediatamente.

Dentro de la IIFE, hay una declaración de variable let privateVar = "I am private";. Esta variable privateVar es local a la IIFE y no se puede acceder fuera del alcance de la función. Esta es una técnica para encapsular variables y hacerlas privadas, lo cual es útil para prevenir accesos o modificaciones externas no deseadas y mantener un alcance global limpio.

Después de la declaración de la variable, hay una declaración de registro en la consola console.log(privateVar);, que muestra la cadena "I am private". Esta declaración de registro en la consola está dentro del alcance de la IIFE, por lo que tiene acceso a la variable privateVar.

Una vez que la IIFE se ha ejecutado, la variable privateVar sale del alcance y ya no es accesible. Como resultado, si intentas acceder a privateVar fuera de la IIFE, obtendrás un error.

2.4.7 Closures

Un closure, en el mundo de la programación, es un tipo particular de función que viene con su propio conjunto único de habilidades. Lo que distingue a un closure de otras funciones es su capacidad inherente para recordar y acceder a variables del ámbito en el que fue originalmente definido. Esto es cierto sin importar dónde se ejecute posteriormente, convirtiéndolo en una herramienta inmensamente poderosa en el arsenal del programador.

Esta característica distintiva de los closures forma la base para la creación de funciones que están equipadas con sus propias variables y métodos privados, creando efectivamente una unidad de código autocontenida. Estas variables y métodos no son accesibles externamente, mejorando así la encapsulación y modularidad del código. Esta característica de los closures es una bendición para los programadores, ya que les permite crear secciones de código que son seguras y autosuficientes.

Dentro de la esfera de la programación funcional, los closures no son solo un concepto importante, son una herramienta esencial. Ofrecen un nivel de poder y flexibilidad que puede aumentar significativamente la eficiencia y simplicidad del código. A través del uso de closures, los programadores pueden simplificar su código, reduciendo la complejidad innecesaria y haciéndolo más fácil de entender y mantener. Todos estos factores se combinan para hacer que los closures sean una parte indispensable de la programación moderna.

Ejemplo: Closure

function makeAdder(x) {
    return function(y) {
        return x + y;
    };
}

const addFive = makeAdder(5);
console.log(addFive(2));  // Outputs: 7

Aquí, addFive es un closure que recuerda el valor de x (5) y lo suma a su argumento cada vez que se llama. Este código JavaScript define una función llamada makeAdder que acepta un solo argumento x. Esta función devuelve otra función que toma otro argumento y, y devuelve la suma de x y y.

En el código, la función makeAdder se llama con 5 como argumento, y la función devuelta se almacena en la variable addFive. Esto convierte a addFive en una función que suma 5 a cualquier número que reciba como argumento.

Finalmente, addFive se llama con el argumento 2, lo que resulta en 7 (porque 5 + 2 es igual a 7), y este resultado se registra en la consola.

2.4.8 Parámetros Predeterminados

En el complejo y intrincado mundo de la programación, el concepto de parámetros predeterminados asume un papel crítico. Los parámetros predeterminados son una característica notable. Permiten que los parámetros nombrados se inicialicen automáticamente con valores predeterminados en situaciones donde no se proporciona un valor explícito, o en casos donde se pasa undefined.

Piensa en un escenario donde estás manejando numerosos parámetros en tu función, y algunos de ellos a menudo permanecen iguales o se utilizan repetidamente. En tales casos, ¿no sería conveniente que esos parámetros se asignaran automáticamente a sus valores habituales sin tener que especificarlos explícitamente cada vez? Eso es precisamente lo que permiten hacer los parámetros predeterminados.

Esta característica es particularmente beneficiosa en situaciones donde se usan ciertos valores con frecuencia. Por ejemplo, podrías tener una función que extrae datos de una base de datos. La mayoría de las veces, podrías estar extrayendo datos de la misma tabla, usando las mismas credenciales de usuario. En lugar de tener que especificar estos parámetros cada vez, podrías configurarlos como parámetros predeterminados, simplificando significativamente las llamadas a tu función.

Además, el uso de parámetros predeterminados asegura que tu código no solo sea más simple, sino también más robusto. Al asignar automáticamente valores a los parámetros, previenes posibles errores que podrían surgir de argumentos faltantes. Esto fortalece tu código, haciéndolo más resistente a errores y fallos, y en última instancia, llevando a un proceso de programación más eficiente y efectivo.

Ejemplo: Parámetros Predeterminados

function greet(name = "Stranger") {
    console.log(`Hello, ${name}!`);
}

greet("Alice");  // Outputs: Hello, Alice!
greet();         // Outputs: Hello, Stranger!

Esta funcionalidad proporciona flexibilidad y seguridad para las funciones, asegurando que manejen los argumentos faltantes de manera elegante. Este es un programa que define una función llamada 'greet'. Esta función toma un parámetro 'name' y, si no se proporciona ningún argumento al llamar a la función, el valor predeterminado es 'Stranger'.

La función luego registra un saludo en la consola, incluyendo el nombre proporcionado o el valor predeterminado. Cuando la función se llama con "Alice" como argumento, muestra "Hello, Alice!". Cuando se llama sin ningún argumento, muestra "Hello, Stranger!".

2.4.9 Parámetros Rest y Sintaxis Spread

Los parámetros rest y la sintaxis spread son características muy útiles en JavaScript que pueden parecer similares a primera vista, pero sirven para propósitos diferentes, aunque complementarios:

Parámetros rest, denotados por una elipsis (...), proporcionan una manera de manejar parámetros de función que permite que un número variable de argumentos sea pasado a una función. Lo que esto significa es que los parámetros rest te permiten representar un número indefinido de argumentos como un array. Esto es especialmente útil cuando no sabes de antemano cuántos argumentos serán pasados a una función.

Por otro lado, la sintaxis spread, también denotada por una elipsis (...), realiza la función opuesta. Permite que un iterable, como un array o una cadena, se expanda en lugares donde se esperan cero o más argumentos (para llamadas a funciones) o elementos (para literales de arrays).

Esto puede ser útil en una variedad de escenarios, como combinar arrays, pasar elementos de un array como argumentos separados a una función, o incluso copiar un array.

Ejemplo: Parámetros Rest

function sumAll(...numbers) {
    return numbers.reduce((acc, num) => acc + num, 0);
}

console.log(sumAll(1, 2, 3, 4));  // Outputs: 10

Esta es una función de JavaScript llamada 'sumAll' que usa la sintaxis de parámetros rest ('...numbers') para representar un número indefinido de argumentos como un array. Dentro de la función, se usa el método 'reduce' para sumar todos los números en el array y devolver la suma total. La línea 'console.log' es una prueba de esta función, pasando los números 1, 2, 3 y 4. El resultado de esta prueba debería ser 10, ya que 1+2+3+4 es igual a 10.

Ejemplo: Sintaxis Spread

let parts = ["shoulders", "knees"];
let body = ["head", ...parts, "toes"];

console.log(body);  // Outputs: ["head", "shoulders", "knees", "toes"]

Este es un programa que usa el operador spread (...) para combinar dos arrays. La variable 'parts' contiene el array ["shoulders", "knees"]. La variable 'body' crea un nuevo array que combina la cadena 'head', los elementos del array 'parts' y la cadena 'toes'. La declaración console.log luego imprime el array 'body' en la consola, mostrando: ["head", "shoulders", "knees", "toes"].

Chapter 2: Fundamentals of JavaScript

2.4 Funciones y Ámbito

2.4.1 Declaraciones de Funciones

2.4.2 Expresiones de Funciones

2.4.3 Funciones Flecha

2.4.4 Alcance en JavaScript

2.4.5 Comprender let, const y var

2.4.6 Expresiones de Función Ejecutadas Inmediatamente (IIFE)

2.4.7 Closures

2.4.8 Parámetros Predeterminados

2.4.9 Parámetros Rest y Sintaxis Spread

2.4 Funciones y Ámbito

2.4.1 Declaraciones de Funciones

2.4.2 Expresiones de Funciones

2.4.3 Funciones Flecha

2.4.4 Alcance en JavaScript

2.4.5 Comprender let, const y var

2.4.6 Expresiones de Función Ejecutadas Inmediatamente (IIFE)

2.4.7 Closures

2.4.8 Parámetros Predeterminados

2.4.9 Parámetros Rest y Sintaxis Spread

2.4 Funciones y Ámbito

2.4.1 Declaraciones de Funciones

2.4.2 Expresiones de Funciones

2.4.3 Funciones Flecha

2.4.4 Alcance en JavaScript

2.4.5 Comprender let, const y var

2.4.6 Expresiones de Función Ejecutadas Inmediatamente (IIFE)

2.4.7 Closures

2.4.8 Parámetros Predeterminados

2.4.9 Parámetros Rest y Sintaxis Spread

2.4 Funciones y Ámbito

2.4.1 Declaraciones de Funciones

2.4.2 Expresiones de Funciones

2.4.3 Funciones Flecha

2.4.4 Alcance en JavaScript

2.4.5 Comprender let, const y var

2.4.6 Expresiones de Función Ejecutadas Inmediatamente (IIFE)

2.4.7 Closures

2.4.8 Parámetros Predeterminados

2.4.9 Parámetros Rest y Sintaxis Spread

2.4.5 Comprender `let`, `const` y `var`

2.4.5 Comprender `let`, `const` y `var`

2.4.5 Comprender `let`, `const` y `var`

2.4.5 Comprender `let`, `const` y `var`