【JS第34期】BOM-window对象

BOM的核心对象是window,它表示浏览器的一个实例。它便是经过javascript访问浏览器窗口的一个接口，也是ECMAScript规定的Global对象。

全局做用域

因为window对象同时是Global对象，所以全部在全局做用域中声明的变量、函数会变成window对象的属性和方法。如：

var age = 29;
function test() {
  console.log(this.age);
}
console.log(window.age) // 29
test() // 29
window.test() // 29
复制代码

定义全局变量与window对象上直接定义属性的区别：全局变量不能经过delete操做符删除，而直接在window对象上的定义的属性能够.如：

var age = 29;

window.color = 'red';

// 在ie < 9时抛出错误，在其余浏览器中返回false
delete window.age;

// 在ie < 9时抛出错误，在其余浏览器中返回true
delete window.color // true

window.age; // 29
window.color; // undefined
复制代码

尝试访问未声明的变量会抛出错误，但经过查询window对象，能够知道某个可能未声明的变量是否存在。如：

// 这里抛出错误，由于old未定义
var curr = old;

// 这里不会抛出错误，由于这是一次属性查询

var val = window.oldVal; 
复制代码

若有侵权，请发邮箱至wk_daxiangmubu@163.com 或留言，本人会在第一时间与您联系，谢谢！！

长按二维码关注咱们，了解最新前端资讯