Guía: Uso del Objeto window para Crear Funciones Globales en JavaScript

---

En JavaScript, el objeto window es un objeto global que representa la ventana del navegador o el entorno en el que se ejecuta la página. Este objeto permite hacer que ciertas funciones o variables estén disponibles globalmente, lo cual es útil en proyectos sin frameworks.

¿Qué es el Objeto window?

El objeto window es la raíz de todo el entorno de la ventana del navegador. Todas las variables y funciones globales, de manera implícita, se agregan como propiedades de window. Esto significa que cualquier función o variable asignada a window estará disponible en todo el proyecto.

Pros y Contras del Objeto window en JavaScript

Funciones Globales con window

1. Función Simple para Mostrar un Mensaje

Vamos a crear una función mostrarMensaje y hacerla accesible globalmente en nuestra aplicación. Para ello, la definimos en un archivo .js y la asignamos al objeto window:

// Definir la función y asignarla a `window`
window.mostrarMensaje = function(mensaje) {
  console.log(mensaje);
};

Usando la función mostrarMensaje en HTML

Ahora, puedes llamar a la función mostrarMensaje desde cualquier lugar de tu código o HTML:

<button onclick="mostrarMensaje('Hola desde una función global')">Mostrar Mensaje</button>

Función de Validación de Formulario

Supongamos que tienes varios formularios y quieres validar su contenido. Puedes crear una función de validación global así:

window.validarFormulario = function(form) {
  if (form.nombre.value === "" || form.email.value === "") {
      alert("Todos los campos son obligatorios.");
      return false;
  }
return true;
};

HTML:

<form onsubmit="return validarFormulario(this)">
  <input type="text" name="nombre" placeholder="Nombre">
  <input type="email" name="email" placeholder="Email">
  <button type="submit">Enviar</button>
</form>

Función para Cambiar la URL de la Página

Puedes definir una función global para redirigir la página a una URL específica, usando window.location:

window.redirigir = function(url) {
  window.location.href = url;
};

HTML:

<button onclick="redirigir('https://www.ejemplo.com')">Ir a Ejemplo</button>