ES2021

Gracias a Babel, podemos usar las nuevas funciones de ECMAScript 2021. Casi todas las funciones son útiles, pero tres de ellas se destacaron del resto al ahorrarme mucho tiempo y hacer que mi código sea más legible.
Repasemos ellos.

1. Operador de asignación lógica

El operador de asignación lógica combina operaciones lógicas (como ??, && o ||) con una asignación (por ejemplo: =).

Aquí hay unos ejemplos.

a ||= b devuelve a si a es verdadero o  b si a  es falso.

a &&= b devuelve b if a es verdadero o a si a es falso.

a ??= b devuelve b si a es null o undefined, o devuelve a si a es verdadero.

Al principio, fue un poco complicado comprender instantáneamente lo que hacen estos operadores durante una revisión de código, pero después de unas semanas, todos en el equipo lo entendieron.

2. Promise.any

Promise.any acepta una serie de promesas y resuelve tan pronto como se resuelve cualquiera de las promesas proporcionadas.

Suena difícil, así que aquí tienes un ejemplo:

Hacemos tres solicitudes simultáneamente. Cuando una de las solicitudes se resuelve, Promise.any también resuelve y registra la primera solicitud resuelta en la consola (en nuestro ejemplo, es Google).

Si todas las promesas fueron rechazadas, Promise.any arroja un nuevo tipo de error:  AggregateError.

La novedad es que el objeto AggregateError representa un error en el que varios errores se envuelven en un solo error.

Así es como se ve:

e.errors es una matriz del objeto de errors.

3. Separadores numéricos

Los separadores numéricos nos dan la capacidad de separar miles con un guión bajo (_) en literales numéricos.

¿Qué utilidad tiene? Hace que nuestro código sea más informativo y legible.

Aquí hay un ejemplo:

Conclusión

¡Gracias por leer!

Si desea probar estas tres nuevas funciones de ES2021 ahora mismo, puede usar estos complementos de Babel:

• Logical assignment operator
• Numeric separator