¡Bienvenidos a esta guía completa sobre las novedades importantes de JavaScript! En este tutorial, aprenderemos sobre las últimas actualizaciones de JavaScript, específicamente las novedades de ES2024 y ES2025. Además, exploraremos ejemplos prácticos para que puedas comprender mejor cómo utilizar estas nuevas funcionalidades en tus proyectos.
Empecemos por repasar algunas de las novedades más importantes de ES2024 y ES2025:
-
Operador de encadenamiento nulo (Nullish coalescing operator): Este operador, representado por
??
, es una forma más segura de acceder a propiedades de objetos en JavaScript. A diferencia del operador||
, el operador de encadenamiento nulo solo devuelve el valor de la derecha si el de la izquierda esnull
oundefined
. -
Operador de fusión opcional (Optional chaining operator): Este operador, representado por
?.
, permite acceder a propiedades anidadas de objetos de forma segura. Si una propiedad en el camino de acceso esnull
oundefined
, en lugar de arrojar un error, el operador de fusión opcional devuelveundefined
. -
Nuevas formas de declarar funciones (Function declaration variations): ES2024 introduce nuevas formas de declarar funciones, como la función flecha sin paréntesis para un solo parámetro y la función
function.sent
. - Métodos
flat
yflatMap
para arrays : Estos métodos permiten aplanar arrays anidados en una sola dimensión (conflat
) y realizar map y flatMap en un solo paso (conflatMap
).
Ahora, veamos algunos ejemplos prácticos para comprender mejor cómo utilizar estas novedades en tus proyectos:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejemplos de JavaScript ES2024 y ES2025</title>
</head>
<body>
<script>
// Operador de encadenamiento nulo
const obj = {
name: 'John',
age: 30
};
const userName = obj.name ?? 'Guest';
console.log(userName); // 'John'
const userEmail = obj.email ?? 'No email';
console.log(userEmail); // 'No email'
// Operador de fusión opcional
const user = {
name: 'Alice',
address: {
city: 'New York'
}
};
const city = user.address?.city;
console.log(city); // 'New York'
const zip = user.address?.zipCode;
console.log(zip); // undefined
// Nuevas formas de declarar funciones
const greet = name => `Hello, ${name}!`;
console.log(greet('Alice')); // 'Hello, Alice!'
const iterable = {
*generate() {
yield 1;
yield 2;
yield 3;
}
};
for (let value of iterable.generate()) {
console.log(value); // 1, 2, 3
}
// Métodos flat y flatMap para arrays
const nestedArray = [1, [2, 3, [4, 5]]];
const flatArray = nestedArray.flat(2);
console.log(flatArray); // [1, 2, 3, 4, 5]
const numbers = [1, 2, 3];
const mappedNumbers = numbers.flatMap(num => [num * 2]);
console.log(mappedNumbers); // [2, 4, 6]
</script>
</body>
</html>
En este ejemplo, hemos utilizado las nuevas funcionalidades de ES2024 y ES2025 para realizar operaciones seguras en objetos, declarar funciones de forma más concisa y manipular arrays de manera más eficiente.
¡Esperamos que este tutorial te haya sido útil para comprender las novedades importantes de JavaScript! No dudes en experimentar con estos ejemplos y explorar más a fondo las actualizaciones de ES2024 y ES2025 en tus propios proyectos. ¡Buena suerte!
Procedo a aprender mas que en cualquier otro curso menos mal que eran solo "Novedades"
cómo pone esa letras con el efecto de brillar? en qué ide programa?
Aprendí muchísimo, muchas gracias.
Grande midu 👏
¿Tendremos segunda parte con el resto de novedades?
Pedazo de video, crack
"A Javascript le importa una mierda lo que tú entiendas. No le importas a Javascript. No te quiere." – Miguel Ángel Durán (2024)
Posibilitan una codificación más agil. Lo último parecería más un 'remiendo' a cierto uso esencial.
Midu, existe otro tipo de dato Falsy. No es broma, solo que es poco conocido y menos usado
Es igual que la suma:
let a = 3;
a +=2; // 5
que es igual que hacer:
a = a + 2;
Muy buen video, una espectacularidad tremenda, midu se esta convirtiendo en un maestro excepcional mas de lo que lo era… y su calidad de videos y streaming es superior, esto incluye cada chiste, cada metáfora, la genuina impro de cada eventualidad, nanana una joyita
1:08:38 ahì va, un os.remove(system32)
COn la prueba que hiciste con goncy esto del group by hubiera sido util para crear el menu que hiciste utilizando el diccionario, en la api de mercado libre
midu uso Runjs y ami me funciono
no entendi del todo que pasaria al usar numbers[-1] sin at
1:17:11
– …a JavaScript le importa una 💩lo que tú entiendas…
JAJAJAJAJAJAJAJAJA 🤣🤣🤣
HOLA SOY JUNIOR VIVO EN MIAMI SOY COLOBO AMERICANO
Y ME GUSTARÍA APRENDER A MANEJAR LAS APLICACIONES COMO YOUTUBE INSTAGRAM, X Facebook y aprender a editar videos me apasiona mucho viajar tomar videos y fotos pero desafortunadamente no he encontrado una parte o alguien que me enseñe a utilizar estás aplicaciones de una forma inteligente y evitarme el costo tan alto que ellos cobran como Meta y todas las sup aplicaciones como Google 1 Drive etc y qué porciento las encuentro muy codiciosas haciéndole pagar a uno unas cantidades ridículas solo por tener videos y fotos en tu móvil
También pienso que los productos de Apple soy muy codiciosos cómo puedo darle la vuelta a todo esto y aprender a no dejarme estafar de estas compañías multi trillonarias que aún así quieren quitarle a uno su dinero solo por hacer videos y fotos de viajeros si puedes por favor envíame el link A donde yo pueda tomar un curso para principiante y avanzar rápido y aprender muchas cosas sobre lo antes mencionado te lo voy a agradecer con mucho aprecio porque no encuentro que me pueda enseñar a utilizar todas estas cosas sin dejarme estafar de estas compañías codiciosas ya aprendí de ti por ejemplo tengo mi buscador a brave que hasta el momento funciona muy bien porque también me me gusta escuchar música sin interrupciones sin tener que pagar nada por favor si eres tan gentil y me envías links A donde yo pueda aprender sobre estas cosas básicas qué son muy interesantes y sé que hay muchísimo más que aprender sobre tecnología pero pues soy un simple ciudadano del mundo que solamente sé aprender y no dejarme estafar por estas multi trillonarias compañías
RECIEN CONOSCO TU CANAL ESTOY SUSCRITO DEJAME SI PUEDES
EN VIARME LINKS QUE ME DEN UNA INFORMACIÓN O RESPUESTA A MIS PREGUNTAS SOBRE EL TEMA TECNOLÓGICO
MI NOMBRE ES JUNIOR
QUE CREES ES MEGOR PRODUTOS DE APPLE O PORDUCTOS ANDROID Y POR QUE UN ABRAZO DESDE MIAMI FL.
MIDU EN TÚ OPINION QUE DEBO TENER ENCUENTA CUANDO COMPRO UN MOBIL NUEVO Y UN PC NUEVO
SOY PARA ELEGUIR LO MEJOR Y NO TENG QUE COMPRAR EN MUCHOS AÑOS ?
NO SÉ MUCHO DE TECNOLOGIA …
NO SE SI ES MUCHO PEDIRTE QUE ME CONTESTES EN UN ESCRITO O TU ME DEJARAS SABER COMO TE QUEDA MEGOR
MUCHAS GRACIAS