¡Hola a todos! Vamos a repasar algunos ejercicios resueltos de JavaScript ES6 para ayudarte a prepararte para tu examen. ¡No te preocupes, lo vamos a hacer paso a paso! Nos enfocaremos en la lógica detrás del código.
Arrow Functions (Funciones Flecha)
Las arrow functions son una forma más concisa de escribir funciones en JavaScript. Son especialmente útiles para funciones cortas y anónimas. Recuerda que no tienen su propio this.
Ejemplo:
const suma = (a, b) => a + b;
Esto es equivalente a:
function suma(a, b) { return a + b; }
¡Mucho más corto, verdad?
Must Read
Ejercicio típico: Convertir una función tradicional en una arrow function. Intenta practicar con varias funciones diferentes.
Template Literals (Plantillas Literales)
Las template literals usan backticks (`) en lugar de comillas simples o dobles. Permiten interpolar variables directamente en cadenas de texto. Esto hace que la concatenación sea mucho más fácil y legible.
Ejemplo:
const nombre = "Juan";
const saludo = `Hola, ${nombre}!`;
Resultado: "Hola, Juan!"
Ejercicio típico: Crear una función que reciba datos de un objeto y los inserte en una plantilla literal para generar un mensaje personalizado.
Destructuring (Desestructuración)
La destructuring permite extraer valores de objetos o arrays y asignarlos a variables. Es una forma elegante y eficiente de acceder a datos específicos.
Ejemplo (objeto):
const persona = { nombre: "Ana", edad: 30 };
const { nombre, edad } = persona;
Ahora, nombre contiene "Ana" y edad contiene 30.
Ejemplo (array):
const numeros = [1, 2, 3];
const [primer, segundo, tercero] = numeros;
Ahora, primer contiene 1, segundo contiene 2, y tercero contiene 3.
![[HD]ES6 문법과 함께하는 모던 Javascript(자바스크립트) 초급 Part.2 자료형과 연산자 - 프로그래밍 - 법정의무교육](https://media.invione.com/ctsimages/U24060900070/U24060900070.jpg)
Ejercicio típico: Desestructurar un objeto complejo para extraer ciertos valores y usarlos en cálculos o para mostrar información.
Spread Operator (Operador de Propagación)
El spread operator (...) permite expandir un array o un objeto en lugares donde se esperan múltiples argumentos o elementos. Es útil para crear copias de arrays y objetos, y para combinar arrays y objetos.
Ejemplo (array):
const numeros1 = [1, 2, 3];
const numeros2 = [...numeros1, 4, 5];
numeros2 será [1, 2, 3, 4, 5].
Ejemplo (objeto):
const objeto1 = { a: 1, b: 2 };
const objeto2 = { ...objeto1, c: 3 };
objeto2 será { a: 1, b: 2, c: 3 }.
Ejercicio típico: Usar el spread operator para combinar varios arrays o objetos en uno solo.
Classes (Clases)
Las clases en ES6 proveen una sintaxis más clara para crear objetos y herencia. Son una forma de organizar el código orientado a objetos.
Ejemplo:
class Persona {
constructor(nombre, edad) {
this.nombre = nombre;
this.edad = edad;
}
saludar() {
console.log(`Hola, soy ${this.nombre}`);
}
}
const persona1 = new Persona("Carlos", 25);
persona1.saludar(); // Imprime "Hola, soy Carlos"
Ejercicio típico: Crear una clase con métodos y propiedades, y luego crear instancias de esa clase y usar sus métodos.
Resumen
¡Muy bien! Repasemos rápidamente lo que hemos visto:
- Arrow Functions: Funciones concisas.
- Template Literals: Cadenas con interpolación de variables.
- Destructuring: Extracción de valores de objetos/arrays.
- Spread Operator: Expandir arrays/objetos.
- Classes: Sintaxis para la programación orientada a objetos.
Recuerda practicar estos conceptos con diferentes ejercicios. ¡Confío en que lo harás genial en tu examen! ¡Mucho ánimo!
