{"id":11929,"date":"2021-07-16T19:43:18","date_gmt":"2021-07-16T17:43:18","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=11929"},"modified":"2021-09-16T17:24:03","modified_gmt":"2021-09-16T15:24:03","slug":"es2021-novedades-de-javascript-2021","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2021\/07\/es2021-novedades-de-javascript-2021\/","title":{"rendered":"ES2021: Novedades de JavaScript en 2021"},"content":{"rendered":"

JavaScript (o EcmaScript) es un lenguaje vivo y cada a\u00f1o recibe algunas novedades. En el a\u00f1o 2015 recibi\u00f3 muchas mejoras importantes, pero por lo general las mejoras que recibe cada a\u00f1o no son rompedoras<\/strong>. Este es el primero de una serie de art\u00edculos donde vamos a repasar las novedades de los \u00faltimos a\u00f1os en JavaScript<\/a>. Empezaremos por las novedades del a\u00f1o 2021, es decir, por ES2021.<\/p>\n

Me voy a centrar exclusivamente en aquellas novedades de ES2021 que sean m\u00e1s asequibles. Las novedades que impliquen un uso avanzado del lenguaje las comentar\u00e9 simplemente de pasada.<\/p>\n

String.prototype.replaceAll<\/a><\/h2>\n

Se trata de un nuevo m\u00e9todo para las cadenas de texto. Es una variante del m\u00e9todo replace()<\/strong>, con la diferencia que el m\u00e9todo replace()<\/strong> solo reemplaza la primera aparici\u00f3n del texto que buscamos, mientras que replaceAll()<\/strong> reemplaza todas las apariciones.<\/p>\n

var plantilla = \"Muchas gracias [usuario] por tu compra en nuestra tienda!<br>\"+\r\n    \"Esperamos volver a verte pronto [usuario].\";\r\nvar resultado = plantilla.replaceAll(\"[usuario]\", \"Pepe\");\r\ndocument.write(resultado);<\/pre>\n
Como es algo muy nuevo, y para maximizar compatibilidad con navegadores antiguos, sigue siendo preferible el uso de expresiones regulares (adem\u00e1s con expresiones regulares podemos hacer que sea insensible a las may\u00fasculas).<\/p>\n
var plantilla = \"Muchas gracias [USUARIO] por tu compra en nuestra tienda!<br>\"+\r\n    \"Esperamos volver a verte pronto [usuario].\";\r\nvar resultado = plantilla.replace(\/\\[usuario\\]\/gi, \"Pepe\");\r\ndocument.write(resultado);<\/pre>\n
Promise.any<\/a><\/h2>\n
Las promesas son un tema complejo, as\u00ed que no voy a entrar en detalle, pero cualquiera que haya usado promesas entender\u00e1 f\u00e1cilmente para que sirve este nuevo m\u00e9todo. Si no las has usado con anterioridad, te recomiendo mi art\u00edculo de\u00a0introducci\u00f3n a las promesas<\/a>\u00a0y mi art\u00edculo sobre async\/await<\/a>.<\/p>\n
En el primer art\u00edculo se mencionan los m\u00e9todos est\u00e1ticos de la clase Promise<\/strong>. Pues bien, any()<\/strong> es un nuevo m\u00e9todo est\u00e1tico de dicha clase.<\/p>\n
El m\u00e9todo any()<\/strong> es muy similar al m\u00e9todo\u00a0race()\u00a0<\/strong>(comentado en dicho art\u00edculo).\u00a0La diferencia simplemente es que en el caso del m\u00e9todo race()<\/strong>, si falla una promesa se produce una excepci\u00f3n, mientras que con el m\u00e9todo any()<\/strong> solo se produce una excepci\u00f3n si fallan todas las promesas.<\/p>\n
En caso de error se proporciona un nuevo tipo de objeto de la clase\u00a0AggregateError<\/strong>, que viene a ser una\u00a0 especie de array con todos los errores (uno por cada promesa que haya fallado).<\/p>\n
WeakRefs<\/a><\/h2>\n
Es un tema muy avanzado que la mayor\u00eda de mortales no vamos a necesitar usar NUNCA. De hecho, la propia propuesta dice claramente que \u00abthey are best avoided if possible\u00bb<\/em><\/strong>. As\u00ed que simplemente me voy a limitar a comentar en que consiste.<\/p>\n
En pocas palabras se trata de referencias a objetos que son ignoradas por el recolector de basura. Eso significa que si un objeto solo tiene este tipo de referencias activas, puede ser borrado sin contemplaciones por el recolector de basura.<\/p>\n
Logical Assignment Operators<\/a><\/h2>\n
La idea es combinar operadores l\u00f3gicos con expresiones de asignaci\u00f3n.<\/p>\n
Se incluyen los siguientes 3 operadores nuevos:<\/p>\n