Clase


November 24, 2022 7:10 PM (CST)


Aportes


<aside> 💡 Las siguientes características de ES2020 que aprenderás son: el objeto global para cualquier plataforma y el método matchAll para expresiones regulares.

</aside>

Actualización que ayuda bastante cuando tienes que trabajar con diferentes entornos, recuerda que JavaScript a ido evolucionando y ahora se puede usar en varias áreas (el servidor, navegador, IoT, etc). Para esto existe el concepto de…

globalThis

El motor de JavaScript, aquel que compila tu archivo y lo convierte en código que entiende el computador, al iniciar la compilación crea un objeto global.

El objeto global proporciona funciones y variables propias e integradas en el lenguaje o el entorno. Dependiendo la plataforma, este objeto global tendrá un nombre diferente.

Diferentes formas de acceder al objeto global (en este caso, todo lo que este almacenado ahí) con esto podremos acceder a diferentes elementos. Navegador; window. Node; global. webworker; self.

Había incompatibilidad trabajando en una aplicación que debía vivir en estos tres entornos; Navegador, Computadora, webworker

Cada sitio tiene su propioObjeto Globalno es exactamente igual en todas (cada una tiene diferentes herramientas) y la manera de llamarlo es diferente en cada uno, pero con globalThis se puede acceder al Objeto Global en todos lados con el mismo “nombre”

Esto facilita la portabilidad de nuestro código de entorno a entorno sin tener que pensar en “que tengo que hacer una validación para ver si es un navegador y usar window, sino utilizar global, sino utilizar self”

Para estandarizar el objeto global se creó globalThis, un objeto compatible para cualquier plataforma.

<aside> 💡 GNDX Te recomienda que piensas en globalThis de esta forma podrás tener tu código en un estándar perfecto para cualquier tipo de aplicación construida con JavaScript.

</aside>

Ejecuta el siguiente código y observa lo que sucederá

//En el navegador
**window** === globalThis // true
//En Node.js
let respuesta = **global** === globalThis;
console.log(respuesta); //True
console.log(globalThis) //Este donde sea funcionará 

matchAll

Método para expresiones regulares

Entender como funciona matchAll para trabajar con Regex y filtrar elementos dentro de un string.

Regex: no es más que una forma en la que podemos generar diferente filtros o diferentes reglas (buscar, filtrar, etc.) según sea el caso.

Con Regex podemos validar que una contraseña cumpla un objetivo; tantos caracteres, mayúsculas, minúsculas o validar que en un input si tengamos un email valido.