{"id":15427,"date":"2024-12-11T18:29:19","date_gmt":"2024-12-11T16:29:19","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=15427"},"modified":"2024-12-11T19:31:39","modified_gmt":"2024-12-11T17:31:39","slug":"es2023-novedades-de-javascript-2023","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2024\/12\/es2023-novedades-de-javascript-2023\/","title":{"rendered":"ES2023: Novedades de JavaScript en 2023"},"content":{"rendered":"

Ahora que estamos terminando el 2024, es un buen momento para ver qu\u00e9 novedades nos trajo JavaScript el a\u00f1o pasado 2023, es decir, vamos a ver las novedades de ES2023. Recordad que no es sensato utilizar las novedades de JavaScript tan pronto est\u00e1n disponibles.<\/strong> Pese a tener casi un a\u00f1o de antig\u00fcedad, en t\u00e9rminos de programaci\u00f3n son novedades muy \u00abmodernas\u00bb, y es posible que los navegadores de tus usuarios no las soporten, as\u00ed que \u00fasalas con cuidado.<\/p>\n

2023 no trajo muchas novedades, pero algunas son bastante interesantes. As\u00ed que, al turr\u00f3n!<\/p>\n

.findLast() y .findLastIndex()<\/a><\/h2>\n

Estos 2 nuevos m\u00e9todos para los arrays, son simplemente los equivalentes a los m\u00e9todos .find()<\/strong> y .findIndex()<\/strong>, solo que como sus nombres indican, empiezan a buscar desde el final del array hacia atr\u00e1s.<\/p>\n

console.log([1,2,3,4,5,1].findLastIndex(n => n==1));<\/pre>\n
As\u00ed que ya no es necesario darle la vuelta al array con .reverse()<\/strong> antes de buscar por el final.<\/p>\n
Soporte para Hashbang (Shebang)<\/a><\/h2>\n
B\u00e1sicamente ahora podemos empezar un script JavaScript con #! y la informaci\u00f3n necesaria para que el sistema operativo pueda ejecutar dicho script (los que est\u00e9n acostumbrados a crear scripts bash en linux ya sabr\u00e1n de que va la cosa).<\/p>\n
Lo m\u00e1s sencillo es ver un ejemplo. Podemos escribir en un archivo .js algo como esto:<\/p>\n
#!\/usr\/bin\/env node\r\nconsole.log(\"Hola mundo\");<\/pre>\n
y despu\u00e9s ejecutar directamente el archivo .js como si fuera un archivo ejecutable<\/strong> (obviamente necesitar\u00e1s tener instalado node.js y si utilizas Windows tendr\u00e1s que usar El Subsistema de Windows para Linux y su consola de comandos).<\/p>\n
Usar s\u00edmbolos como claves para WeakMaps<\/a><\/h2>\n
Los WeakMaps<\/a> son como array asociativos (clave -> valor) donde las claves son objetos. Adem\u00e1s de esta particularidad (que un objeto haga la funci\u00f3n de clave), otra importante es que el recolector de basura de JavaScript puede eliminar el objeto aunque exista una referencia a dicho objeto en un WeakMap (por eso se dice que estas referencias son \u00abd\u00e9biles\u00bb [Weak]).<\/p>\n
Esta novedad de JavaScript permite utilizar s\u00edmbolos como clave (y no solamente objetos). Ten en cuenta que b\u00e1sicamente esta novedad existe para facilitar otras propuestas de novedades futuras<\/strong> que a\u00fan no se han aprobado. As\u00ed que no le des muchas vueltas.<\/p>\n
const clave1 = { nombre: \"Pepe\" };\r\nconst valor1 = { datosAdicionales: 123 };\r\nconst clave2 = Symbol('administrador');\r\nconst valor2 = { datosAdicionales: 456 };\r\nconst mapa = new WeakMap();\r\nmapa.set(clave1, valor1);\r\nmapa.set(clave2, valor2); \/\/ la clave es un s\u00edmbolo!<\/pre>\n
Nuevos m\u00e9todos para copiar arrays<\/a><\/h2>\n
Y terminamos con la que en mi opini\u00f3n es la novedad m\u00e1s\u00a0 interesante, una serie de nuevos m\u00e9todos para copiar arrays. Concretamente, los siguientes m\u00e9todos:<\/p>\n