Descubre las últimas novedades de JavaScript con ejemplos prácticos (ES2024 y ES2025)

Posted by

¡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:

  1. 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 es null o undefined.

  2. 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 es null o undefined, en lugar de arrojar un error, el operador de fusión opcional devuelve undefined.

  3. 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.

  4. Métodos flat y flatMap para arrays : Estos métodos permiten aplanar arrays anidados en una sola dimensión (con flat) y realizar map y flatMap en un solo paso (con flatMap).

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!

0 0 votes
Article Rating
45 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@renatomessina6284
4 months ago

Procedo a aprender mas que en cualquier otro curso menos mal que eran solo "Novedades"

@FalloenelSistema
4 months ago

cómo pone esa letras con el efecto de brillar? en qué ide programa?

@MelkinIbarra
4 months ago

Aprendí muchísimo, muchas gracias.

@LoginALee
4 months ago

Grande midu 👏

@urovamtac
4 months ago

¿Tendremos segunda parte con el resto de novedades?

@javiercarreno2164
4 months ago

Pedazo de video, crack

@SergioFerrer
4 months ago

"A Javascript le importa una mierda lo que tú entiendas. No le importas a Javascript. No te quiere." – Miguel Ángel Durán (2024)

@asistidor
4 months ago

Posibilitan una codificación más agil. Lo último parecería más un 'remiendo' a cierto uso esencial.

@baldomero7458
4 months ago

Midu, existe otro tipo de dato Falsy. No es broma, solo que es poco conocido y menos usado

@respada86
4 months ago

Es igual que la suma:
let a = 3;
a +=2; // 5
que es igual que hacer:
a = a + 2;

@dei8bit
4 months ago

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

@juaniplanes
4 months ago

1:08:38 ahì va, un os.remove(system32)

@yanielfuentestedes2820
4 months ago

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

@jeancarlosluciano9211
4 months ago

midu uso Runjs y ami me funciono

@victorhugoromanruiz2671
4 months ago

no entendi del todo que pasaria al usar numbers[-1] sin at

Anonymous
4 months ago

1:17:11
– …a JavaScript le importa una 💩lo que tú entiendas…
JAJAJAJAJAJAJAJAJA 🤣🤣🤣

@ocikon05
4 months ago

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

@ocikon05
4 months ago

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

@ocikon05
4 months ago

QUE CREES ES MEGOR PRODUTOS DE APPLE O PORDUCTOS ANDROID Y POR QUE UN ABRAZO DESDE MIAMI FL.

@ocikon05
4 months ago

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