Novedades javascript 2022 📢

carmenrenca — Tue, 12 Jul 2022 19:32:07 +0000

Desde el año 2015, JavaScript ha estado realizando constantes actualizaciones anuales con nuevas características añadidas.

ECMAScript 2022 es un nuevo estándar de JavaScript que se ha aprobado este pasado 22 de junio.

Repasaremos en esta publicación alguna de las novedades de esta nueva versión🤗.

1. at()

¡Por fin! Se acabó el restar "x" número a la longitud de tu lista para acceder a un elemento concreto 🙄👎.

Este nuevo método nos permite seleccionar un índice concreto de un array de manera flexible.

En lugar de esto:

const list=[1,2,3,4];
list[list.length -2]; //return 3


const str = "1234"
str[str.length - 2] // return '3'

Podemos hacer esto:

const list= [1,2,3,4];
list.at(2); //return 3 
list.at(-1); //return 4

const str = "1234"
str.at(-2) //return '3'

2. Object.hasOwn()

Este nuevo método nos permite comprobar si una propiedad esta incluida dentro del objeto.

const myObject={
name:'Carmen',
description:'Aprende Javascript',
fecha:2022
}
Object.hasOwn(myObject,'name'); //return true
Object.hasOwn(myObject,'edad'); //return false

3. Atributos y métodos privados en ES2022

Ahora podemos crear atributos y métodos privados utilizando la # delante del nombre de tu propiedad o método

class Admin {
nombre='Carmen';
#apellido='Rendón';

#getYear(){
return '2022';
}
 }

const instancia = new Admin();

console.log(instancia.nombre); //return 'Carmen'
console.log(instancia.#apellido); 
//Property '#apellido' is not accessible outside class 'Admin' because it has a private identifier.
console.log(instancia.#getYear());
//Property '#getYear' is not accessible outside class 'Admin' because it has a private identifier.

4.error.cause

Nos permite especificar cual ha sido la causa del error.

try {
 //...
} catch (error) {
  throw new Error('Ha ocurrido un error', { cause:  error })
}

5.Await

Ahora podemos declarar un await sin necesidad de que tenga que estar incluido en una función de tipo 'async'.

const data = await fetch('get-alumnos');
const alumnos= await data.json();

Como vemos javascript sigue renovándose y mejorando con el paso del tiempo 💪.
Hay otras novedades que han añadido pero para mí estas son las más relevantes.

Puedes obtener más información de estas aquí

¡Un saludo! 😉

DEV Community: carmenrenca

Novedades javascript 2022 📢