Embedded Files
ECMAScript 6 (ES6), también conocido como ECMAScript 2015, introdujo muchas características y mejoras en JavaScript. Desde entonces, nuevas versiones de ECMAScript han continuado añadiendo funcionalidades y mejoras. Vamos a explorar algunas de las características más importantes introducidas en ES6 y posteriores.
1.Let y Const
`let` y `const` permiten declarar variables con alcance de bloque, reemplazando a `var`.
let variable = 10;
const constante = 20;
2.Arrow Functions (Funciones Flecha)
Las funciones flecha ofrecen una sintaxis más corta para definir funciones anónimas.
const sum = (a, b) => a + b;
3.Plantillas de Cadena de Texto
Las plantillas de cadena de texto (`template literals`) permiten crear cadenas multilinea y interpolación de variables.
const nombre = 'Juan';
const mensaje = `Hola, mi nombre es ${nombre}.`;
4.Desestructuración
La desestructuración permite extraer datos de arreglos y objetos de manera más concisa.
const persona = { nombre: 'Ana', edad: 25 };
const { nombre, edad } = persona;
5. Spread Operator y Rest Parameters
El operador de propagación (`spread operator`) permite expandir elementos de un arreglo u objeto.
const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5, 6];
Los parámetros rest (`rest parameters`) permiten representar un número indefinido de argumentos como un arreglo.
function sum(...numeros) {
return numeros.reduce((total, num) => total + num, 0);
}
6.Clases
ES6 introdujo una sintaxis de clase para definir objetos.
class Persona {
constructor(nombre) {
this.nombre = nombre;
}
saludar() {
console.log(`Hola, soy ${this.nombre}.`);
}
}
7. Módulos (import y export)
ES6 introdujo una forma estándar de importar y exportar código entre archivos.
// En el archivo modulo.js
export const PI = 3.1416;
// En otro archivo
import { PI } from './modulo.js';
8. Promesas
Las promesas proporcionan una forma más elegante de trabajar con operaciones asíncronas.
const miPromesa = new Promise((resolve, reject) => {
if (operacionExitosa) {
resolve('Operación exitosa');
} else {
reject('Operación fallida');
}
});
miPromesa.then((mensaje) => {
console.log(mensaje);
}).catch((error) => {
console.error(error);
});
Estas son algunas de las funcionalidades introducidas en ECMAScript 6 y posteriores. Las nuevas versiones de ECMAScript continúan agregando características y mejoras que hacen que JavaScript sea un lenguaje más poderoso y expresivo. ¡Sigue explorando y practicando para mejorar tus habilidades en JavaScript!
Page updated
Google Sites
Report abuse