¿Qué es globalThis en JavaScript?

Resumen: en este artículo aprenderás acerca de globalThis en JavaScript y cómo funciona. Aprenderás sobre su sintaxis y verás ejemplos prácticos de cómo se puede utilizar en tu código. Además, comprenderás su importancia y cómo puede ayudar a solucionar problemas de portabilidad y compatibilidad entre diferentes entornos.  

Introducción a globalThis

El valor globalThis es una propiedad estándar que apunta al objeto global en JavaScript. Esta propiedad es una solución universal para acceder al objeto global en diferentes entornos, ya sea en el navegador, en una aplicación Node.js o en otros entornos JavaScript.

Hace unos años, los desarrolladores debían lidiar con la falta de consistencia en cuanto a cómo acceder a la variable global en diferentes entornos de JavaScript, lo que les causaba muchos dolores de cabeza. Sin embargo, con la aparición de globalThis, este problema ha sido resuelto de manera eficiente. En este artículo, veremos en profundidad qué es globalThis y cómo funciona en JavaScript.

¿Qué es globalThis?

La característica globalThis en JavaScript se introduce en la versión ES2020 para proporcionar un acceso fácil y uniforme al objeto global en diferentes entornos. Antes de la introducción de globalThis, el acceso al objeto global en diferentes entornos era incierto y requería diferentes soluciones para cada entorno, como window en el navegador, global en Node.js, y self en las aplicaciones web Workers.

globalThis establece una forma estandarizada de acceder al objeto global, lo que permite a los desarrolladores escribir código que sea compatible con diferentes entornos de manera más fácil y segura. Además, globalThis también es más accesible que las soluciones previas, ya que es un identificador válido en todas las versiones de JavaScript y está disponible en cualquier entorno.

Sintaxis globalThis

La sintaxis de globalThis es la siguiente: globalThis

globalThis es una propiedad predefinida que se puede utilizar para acceder al objeto global en cualquier entorno. En un navegador, esto equivale a window, mientras que, en un ambiente de servidor, puede ser global o self. La propiedad globalThis se define en la especificación ECMAScript y está disponible en todas las versiones modernas de JavaScript, incluidas las versiones más recientes de ECMAScript.  

Ejemplo de globalThis

En el siguiente ejemplo se utiliza globalThis para verificar si el objeto global en el que se está ejecutando el código es el objeto window en un navegador o el objeto global en Node.js.

console.log(globalThis === window); // true en navegadores
console.log(globalThis === global); // true en Node.js

En ambos casos, la comparación es verdadera, lo que significa que globalThis apunta al objeto global apropiado en cada entorno. Esto puede ser útil para escribir código que se ejecute de manera consistente tanto en navegadores como en servidores.

Ejemplo 2 de globalThis

Aquí hay un ejemplo adicional de cómo se puede utilizar globalThis en JavaScript:

// Supongamos que tenemos una función global llamada 'calculateSum'
function calculateSum(a, b) {
  console.log(globalThis.sum); // undefined
  globalThis.sum = a + b;
  console.log(globalThis.sum); // valor de a + b
}

// Llamamos a la función en un contexto global
calculateSum(2, 3); // 5

// Verificamos el valor de sum en el contexto global
console.log(sum); // 5

En este ejemplo, la función calculateSum utiliza globalThis para asignar un valor a la variable sum en el contexto global. Luego, verificamos el valor de sum fuera de la función y vemos que se ha asignado correctamente. Este ejemplo muestra cómo globalThis permite acceder al contexto global desde cualquier lugar en el código.

Resumen

En resumen, globalThis es una propiedad global en JavaScript que hace referencia al objeto global en un entorno determinado, ya sea en el navegador o en un entorno de node.js. La sintaxis de globalThis es simplemente globalThis, y se puede utilizar para acceder a las propiedades y métodos globales en cualquier lugar del código. Es una solución unificada a la problemática que existía con anterioridad en la determinación del objeto global en diferentes entornos y contextos. Con globalThis, los desarrolladores pueden tener un acceso consistente y confiable al objeto global en todo momento.