Objeto window y modo estricto

¿Qué es el objeto window en JavaScript?

El objeto window es fundamental en JavaScript, especialmente al trabajar en entornos de ejecución en navegadores. Es un objeto global que representa la ventana de un navegador y contiene propiedades y métodos que permiten interactuar con él. Cada vez que utilizamos this en un contexto global, generalmente se referirá a este objeto window. Esto significa que las funciones que ejecutamos sin un contexto explícito hacen referencia a las propiedades del objeto window, lo que podría llevar a comportamientos no deseados si no se maneja correctamente.

¿Cómo definir y ejecutar funciones usando el objeto window?

Definir funciones en este contexto es sencillo. Se pueden crear funciones que accedan a propiedades de window o incluso que agreguen nuevas propiedades. Por ejemplo, creamos una función favoriteCharacter que hace un log de una propiedad name de window. Aquí está cómo podría verse el código:

function favoriteCharacter() {
  console.log(this.name);
}

window.name = "Batman";
favoriteCharacter(); // La salida será "Batman"

Al ejecutar este código, se evidencia cómo this.name hace referencia a la propiedad name del objeto window, mostrando "Batman" en la consola. Esto se debe a que this en este caso es sinónimo de window porque la función fue ejecutada directamente en el contexto global.

¿Qué es el modo estricto en JavaScript?

useStrict es una directiva de JavaScript que indica al motor que ejecute el código en modo estricto. Este modo impone restricciones adicionales al lenguaje, ayudando a crear código más seguro y libre de errores al evitar prácticas defectuosas comunes. Al usar useStrict, se previene, por ejemplo, la asignación a variables sin declararlas explícitamente, lo que JavaScript normalmente permite pero es una mala práctica.

Ejemplos de uso del modo estricto

Al comenzar un script o una función con "use strict";, instruimos a JavaScript a ser menos permisivo. Esto es especialmente útil para evitar errores comunes como:

"use strict";

function faultyFunction() {
  undeclaredVariable = 10; // Error: undeclaredVariable no está definida
}

faultyFunction();

Sin useStrict, JavaScript habría permitido la creación de undeclaredVariable. Con useStrict, se genera un error, forzándonos a declarar explícitamente las variables y previniendo errores difíciles de rastrear.

Manejo de variables con const y let

El modo estricto resalta la necesidad de declarar variables con const o let. Esto no solo limpia el código, sino que también mejora su legibilidad y mantenimiento:

"use strict";

const x = 5;
let y = 10;
console.log(x + y); // 15

En resumen, tener un conocimiento profundo sobre el objeto window y el modo estricto es fundamental para escribir JavaScript más seguro y controlado. Integrar estas prácticas no solo mejora la calidad del código, sino que también previene errores comunes y establece una base sólida para el desarrollo avanzado con JavaScript. ¡Continúa aprendiendo y explorando las posibilidades que ofrece este increíble lenguaje!