JavaScript ES2022: Novedades y mejoras del lenguaje de frontend más usado

En Junio de 2022 se lanzará la nueva versión de EcmaScript y trae varias características nuevas muy interesantes para JavaScript, que vamos a ahora.

Await a nivel superior

A partir de ahora en JS gracias al Ecmascript 2022 podremos usar el await sin necesidad de utilizarlo dentro de una función asíncrona con async.

const datos = await fetch("https://conseguir-usuarios.web");
const usuarios = await datos.json();

Object.hasOwn()

Este nuevo método comprueba si una propiedad está incluida dentro de un objeto o existe dentro del objeto.

const miObjeto = {
  titulo: "Master en React",
  descripcion: "Aprende React con Hooks desde cero",
  autor: "Víctor Robles",
  fecha: 2022
};

Object.hasOwn(miObjeto, "categoria"); //devuelve false
Object.hasOwn(miObjeto, "autor"); //devuelve true

Propiedades y métodos privados en ES2022

Ahora podremos crear atributos y métodos privados en nuestras clases de JavaScript ES2022 o ES13 usando la # delante del nombre de tu propiedad o método.

class Usuario{
  #nombre;

  constructor(nombre) {
    this.#nombre = nombre;
  }

  #apellidos(apellido) {
    return this.#nombre + ' ' + apellido;
  }

  mostrar(apellido) {
    console.log(this.#apellidos(apellido));
  }
}

const usuario = new Usuario("victor");
console.log(usuario.#nombre);           // Error
console.log(usuario.#apellidos("robles"));      // Error
usuario.mostrar("robles");                     // victor robles

.at()

El nuevo método at() para JavaScript permite seleccionar el índice de un array de manera flexible. Solo hay que pasarle como parámetro el índice del valor que queremos conseguir.

[1,2,3,4,5].at(2)  // devuelve 3

[1,2,3,4,5].at(-1)   // devuelve 5

error.cause

Esta novedad nos permite especificar que causó un error.

try {
    // tus instrucciones
} catch (error) {
    throw new Error(
      `Carga de datos fallida`,
      {cause: error}
    );
}

Y estas serian las novedades más importantes de la nueva versión de EcmaScript (JavaScript moderno), hay algunas cosillas mas que han agregado, pero no son tan relevantes y tampoco hay cambios que rompan nada de las versiones anteriores, es decir se programa exactamente igual, lo único que han agregado mejoras internas y nuevas funcionalidades.

Si quieres aprender más de JavaScript ES2022 te recomiendo este curso: Curso de TypeScript, JavaScript Moderno, ES2022, APIs HTML5.

Víctor Robles WEB

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post