Novedades javascript 2022 📢

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 …


This content originally appeared on DEV Community and was authored by carmenrenca

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! 😉


This content originally appeared on DEV Community and was authored by carmenrenca


Print Share Comment Cite Upload Translate Updates
APA

carmenrenca | Sciencx (2022-07-12T19:32:07+00:00) Novedades javascript 2022 📢. Retrieved from https://www.scien.cx/2022/07/12/novedades-javascript-2022-%f0%9f%93%a2/

MLA
" » Novedades javascript 2022 📢." carmenrenca | Sciencx - Tuesday July 12, 2022, https://www.scien.cx/2022/07/12/novedades-javascript-2022-%f0%9f%93%a2/
HARVARD
carmenrenca | Sciencx Tuesday July 12, 2022 » Novedades javascript 2022 📢., viewed ,<https://www.scien.cx/2022/07/12/novedades-javascript-2022-%f0%9f%93%a2/>
VANCOUVER
carmenrenca | Sciencx - » Novedades javascript 2022 📢. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/07/12/novedades-javascript-2022-%f0%9f%93%a2/
CHICAGO
" » Novedades javascript 2022 📢." carmenrenca | Sciencx - Accessed . https://www.scien.cx/2022/07/12/novedades-javascript-2022-%f0%9f%93%a2/
IEEE
" » Novedades javascript 2022 📢." carmenrenca | Sciencx [Online]. Available: https://www.scien.cx/2022/07/12/novedades-javascript-2022-%f0%9f%93%a2/. [Accessed: ]
rf:citation
» Novedades javascript 2022 📢 | carmenrenca | Sciencx | https://www.scien.cx/2022/07/12/novedades-javascript-2022-%f0%9f%93%a2/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.