Objeto window de BOM

Contenido del Bootcamp Dirigido por: | Última modificación: 8 de abril de 2024 | Tiempo de Lectura: 2 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

¿Conoces el objeto window de BOM? Uno de los aspectos más importantes del desarrollo web es el navegador, donde se interpreta y muestra el resultado de nuestro código. Para interactuar con el navegador desde nuestro código JavaScript, surgió el concepto de Browser Object Model. En este post, te enseñaremos qué es y cómo funciona el objeto window de BOM, fundamental para modificar y controlar las propiedades del navegador.

¿Qué es el objeto window de BOM?

El objeto window de BOM representa todo lo que se encuentra dentro del BOM. Como puedes leer en nuestro post sobre el Browser Object Model, este es un concepto que nos permite manipular y controlar el navegador web.

Entonces, este objeto window representa la ventana del navegador y es accesible desde nuestro código JavaScript. En este sentido, el objeto window es una forma de interactuar con el navegador desde nuestro código JavaScript.

Gracias a la importancia de este objeto, window es una palabra clave reservada. Es decir, no podemos definir una variable con el nombre window, pues esta ya existe y tiene un alcance global.

¿Cómo funciona el objeto window de BOM?

Para conocer más sobre el objeto window de BOM, te recomendamos leer el artículo de la página oficial de la MDN sobre window. Allí encontrarás que el objeto window tiene a su disposición muchísimos métodos que nos permiten ejecutar todo tipo de acciones en el navegador.

Cuando estés revisando la documentación del objeto window de BOM en la MDN, debes tener presente que los métodos en color rojo están deprecados.

Uno de los accesos que tiene este objeto es window.console. Aunque no lo sepamos, utilizamos este método casi que cada vez que ejecutamos código JavaScript. ¿Cómo? Pues con el comando console.log, que nos permite pintar elementos en la pantalla del navegador. Como sabes, este comando es global y propio de nuestro código. Es decir, no hay necesidad de crear un objeto console con una función .log para definir que lo que insertemos dentro del comando se pinta en pantalla. Esto se debe a que es un método que viene del objeto window, que tiene un alcance global.

Puede que estés pensando que, si console es un método de window, ¿por qué no debemos usar window.console.log para ejecutar el comando? Básicamente es porque todas las propiedades que cuelgan del objeto window de BOM (history, location, screen, navigator, document, etc.) también están definidas en el ámbito global. Esto nos permite acceder a ellas directamente sin escribir window.

¿Qué sigue?

Ahora que sabes qué es el objeto window de BOM y cómo funciona, seguro que quieres seguir aprendiendo sobre los objetos de este y otros aspectos del mundo del desarrollo web. Para ello, te recomendamos nuestro programa de formación intensiva Desarrollo Web Full Stack Bootcamp, un espacio ideal para aprender a dominar este sector. ¡Te esperamos!

Posts más leídos

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado