Go back Explorando ECMAScript 2023: Guía para novatos y expertos /* by Tirth Bodawala - June 19, 2023 */ Sin categorizar javascript ¡Saludos, entusiastas de JavaScript! Es esa época del año en la que nos sumergimos en el futuro de JavaScript. La propuesta ECMAScript 2023 (ES2023) ha sido congelada por el TC39, el órgano rector de las normas JavaScript, y estamos ansiosos por profundizar en las nuevas características que han alcanzado la Fase 4 y que formarán parte de la versión finalizada. Echemos un vistazo más de cerca a las incorporaciones más notables. 1. Array.findLast() y Array.findLastIndex() Comencemos nuestra exploración con dos nuevos métodos para los objetos Array y TypedArray: findLast() y findLastIndex(). Estos métodos ofrecen una forma más directa y eficaz de realizar búsquedas en orden inverso, eliminando la necesidad de invertir matrices manualmente o de realizar complejos cálculos de índices. Antes, cuando los desarrolladores querían encontrar la última aparición de un elemento en una matriz, tenían que invertir manualmente la matriz o realizar complejos cálculos de índices. Este enfoque añadía una complejidad innecesaria al código y lo hacía más difícil de leer y mantener. Con la introducción de findLast() y findLastIndex(), la tarea se hace mucho más sencilla e intuitiva. Ahora los desarrolladores pueden encontrar fácilmente el último elemento que cumple una condición sin tener que invertir la matriz ni realizar cálculos complejos. Considera este ejemplo: const isPrime = (number) => { for (let i = 2; i < number; i++) { if (number % i === 0) { return false; } } return number > 1; } const numbers = [2, 3, 5, 7, 4, 6, 8, 9]; console.log(numbers.find(isPrime)); // Output: 2 console.log(numbers.findIndex(isPrime)); // Output: 0 console.log(numbers.findLast(isPrime)); // Output: 7 console.log(numbers.findLastIndex(isPrime)); // Output: 3 En este ejemplo, findLast() y findLastIndex() simplifican el proceso de encontrar el último número primo de la matriz, eliminando la necesidad de invertir manualmente la matriz o de realizar cálculos complejos. Esto no sólo mejora la legibilidad del código, sino que también mejora su mantenimiento y reduce la posibilidad de introducir errores 2. Gramática Hashbang La Gramática Hashbang formaliza el uso de los Hashbangs, que son directivas que suelen encontrarse al principio de los scripts basados en Unix para determinar el intérprete del script. Con la actualización ES2023, JavaScript ahora puede interpretar de forma estándar los scripts que comienzan con un hashbang, permitiendo la ejecución de scripts JavaScript como ejecutables independientes, concretamente en un entorno Node.js. Antes de esta actualización, la ejecución de scripts JavaScript como ejecutables independientes requería pasos y soluciones adicionales. Los desarrolladores tenían que especificar manualmente el intérprete y configurar el entorno para ejecutar el script. Esta complejidad hacía más difícil distribuir y ejecutar scripts JavaScript como aplicaciones independientes. Con la introducción de la Gramática Hashbang, la ejecución de scripts JavaScript como ejecutables independientes se simplifica considerablemente. Ahora los desarrolladores pueden añadir una directiva hashbang al principio del script, especificando el intérprete (por ejemplo, Node.js), y ejecutar el script directamente desde una línea de comandos tipo Unix. Esta mejora simplifica el proceso de ejecución, mejora la portabilidad y amplía los posibles casos de uso de JavaScript en diversos entornos Aquí tienes un ejemplo de cómo se puede utilizar esta función: #!/usr/bin/env node console.log('Greetings from ES2023!'); Este archivo JavaScript puede ejecutarse ahora directamente desde una línea de comandos tipo Unix, mostrando “¡Saludos desde ES2023!” en la consola. Esta simplicidad en la ejecución permite a los desarrolladores crear aplicaciones JavaScript más versátiles y fáciles de distribuir. 3. Símbolos como claves WeakMap En versiones anteriores de ECMAScript, sólo se permitían Objetos como claves en WeakMaps. Sin embargo, la actualización ES2023 permite que los Símbolos sirvan también como claves en los Mapas Débiles. Los símbolos son únicos y no duplicables, lo que los convierte en candidatos adecuados para las claves de los WeakMaps. Este cambio proporciona a los desarrolladores más flexibilidad para utilizar las ventajas de optimización de memoria de WeakMaps y fomenta una gama más amplia de casos de uso. Antes de esta actualización, los desarrolladores tenían que utilizar Objetos como claves en los Mapas Débiles, incluso en casos en los que los Símbolos eran más adecuados. Esta limitación restringía los posibles casos de uso e impedía a los desarrolladores aprovechar plenamente las propiedades únicas de los Símbolos. Con la posibilidad de utilizar Símbolos como claves WeakMap, ahora los desarrolladores pueden aprovechar al máximo la unicidad y no duplicabilidad de los Símbolos. Esta mejora simplifica el código y promueve una forma más intuitiva y expresiva de trabajar con WeakMaps. También permite a los desarrolladores optimizar el uso de memoria y diseñar estructuras de datos más eficientes cuando los Símbolos son la opción ideal como claves. He aquí un ejemplo de utilización de Símbolos como claves WeakMap: const weak = new WeakMap(); const key = Symbol("reference"); weak.set(key, "Welcome to ES2023!"); console.log(weak.get(key)); // Output: Welcome to ES2023 En este ejemplo, creamos un WeakMap y utilizamos un Símbolo como clave para asociarle un valor. El valor se puede recuperar utilizando la clave Símbolo. Esta simplicidad y flexibilidad en el uso de Símbolos como claves WeakMap permite a los desarrolladores escribir un código más limpio y eficiente. 4. Cambiar matriz por copia La función “Cambiar matriz por copia” introduce varios métodos nuevos que alteran las matrices evitando la mutación de la matriz original. Estos métodos devuelven una nueva copia de la matriz con las modificaciones deseadas, promoviendo los principios de la programación funcional y mejorando la previsibilidad del código. Antes, cuando los desarrolladores querían modificar una matriz sin mutar la matriz original, tenían que crear manualmente una copia de la matriz y realizar las modificaciones en la copia. Este proceso de copia y modificación manual añadía complejidad y aumentaba las posibilidades de introducir errores. También hacía que el código fuera más difícil de leer y entender. Con los nuevos métodos introducidos en ES2023, modificar matrices sin mutar la original resulta mucho más sencillo e intuitivo. Ahora los programadores pueden utilizar métodos como toReversed(), toSorted(), toSpliced() y with() para crear copias modificadas de la matriz. Estos métodos gestionan el proceso de copia y modificación de forma encubierta, garantizando que la matriz original permanezca inalterada. Considera este ejemplo: const original = [1, 2, 3, 4]; const reversed = original.toReversed(); console.log(original); // Output: [ 1, 2, 3, 4 ] console.log(reversed); // Output: [ 4, 3, 2, 1 ] const replaced = original.with(2, 99); console.log(original); // Output: [ 1, 2, 3, 4 ] console.log(replaced); // Output: [ 1, 2, 99, 4 ] En este ejemplo, la matriz original no se ve afectada cuando creamos una copia invertida y sustituida utilizando los nuevos métodos. Este enfoque simplifica la modificación de matrices, promueve la inmutabilidad y sigue los principios de la programación funcional. Mejora la mantenibilidad del código, reduce los efectos secundarios inesperados y aumenta la previsibilidad general del código. En conclusión, ES2023 aporta mejoras significativas que refuerzan aún más la posición de JavaScript como lenguaje versátil y fiable. Tanto si se trata de mejorar la manipulación de matrices con búsquedas en orden inverso, normalizar el uso de Hashbang, ampliar las capacidades de WeakMaps o modificar matrices de forma más segura con operaciones basadas en copias, hay mucho que esperar. Tecnologías Atyantik Atyantik Technologies, empresa líder en desarrollo de software, está entusiasmada con los avances que aporta ECMAScript 2023. Nuestro equipo de desarrolladores expertos en JavaScript se mantiene al día de las últimas tendencias del sector y aprovecha las nuevas funciones para crear aplicaciones web sólidas y eficaces. Tanto si eres un principiante que quiere aprender JavaScript como si eres un experto que busca soluciones de vanguardia, Atyantik Technologies te ofrece programas de formación y servicios de desarrollo completos para satisfacer tus necesidades. Explora nuestro sitio web para descubrir cómo podemos ayudarte a aprovechar al máximo ECMAScript 2023 y elevar tus proyectos JavaScript a nuevas cotas. En conclusión, ES2023 aporta mejoras significativas que refuerzan aún más la posición de JavaScript como lenguaje versátil y fiable. Tanto si se trata de mejorar la manipulación de matrices, estandarizar el uso de Hashbang, ampliar las capacidades de WeakMaps o modificar matrices de forma más segura con operaciones basadas en copias, hay mucho que esperar. Adopta estas nuevas funciones, experimenta con ellas y ¡feliz codificación!