At the core of the BOM is the window object, which represents an instance of the browser. The window object serves a dual purpose in browsers, acting as the JavaScript interface to the browser window and the ECMAScript Global object. This means that every object, variable, and function defined in a web page uses windows as its Global object and has access to methods like parseInt().
The Global Scope
Since the window object doubles as the ECMAScript Global object, all variables and functions declared globally become properties and methods of the window object. Consider this example:
1 var age = 29; 2 function sayAge(){ 3 alert(this.age); 4 } 5 6 alert(window.age); 7 sayAge(); 8 window.sayAge();
Despite global variables becoming properties of the window object, there is a slight difference between defining a global variable and defining a property directly on window: global variables cannot be removed using the delete operator, while properties defined on window can. For example:
1 var age = 29; 2 window.color = "red"; 3 4 // throws an error in IE < 9, returns false in all other browsers 5 delete window.age; 6 7 // throws an error in IE < 9, returns true in all other browsers 8 delete window.color; 9 10 alert(window.age); // 29 11 alert(window.color); // undefined
Properties of window that were added via var statements have their [[Configurable]] attribute set to false and so may not be removed via the delete operator.
Another thing to keep in mind: attempting to access an undeclared variable throws an error, but it is possible to check for the existence of a potentially undeclared variable by looking on the window object. For example:
1 // this throws an error because oldValue is undeclared 2 var newValue = oldValue; 3 4 // this doesn‘t throw an error, because it‘s a property lookup 5 // newValue is set to undefined 6 var newValue = window.oldValue;
Keeping this in mind, there are many objects in JavaScript that are considered to be global, such as location and navigator(both discussed later in the chapter), but are actually properties of the window object.