面试官：BOM对象有哪些？你用过哪些？

前言

作为一名前端开发者，每个人都是从小白过来的。在我们最开始接触JavaScript的时候，相信大家听到最多的知识点之一就是DOM对象模型和BOM对象模型， 其中DOM就是我们的文档对象，也就是HTML元素等等，而BOM则是浏览器对象模型，更为准确的说应该是BOM是我们利用JavaScript开发Web应用的核心，它提供给我们可以操作浏览器的一些功能对象。

很多时候如果我们有的需求是针对于浏览器层面的，我们应该首要想到BOM对象，但是很多小伙伴却由于长期不接触而逐渐忘记，今天我们就将BOM捡起来，好好学习一番。

1.DOM和BOM

为了照顾初学的小伙伴，我们简单的介绍下DOM和BOM，以便更好的学习后面的BOM知识点。

首先我们需要知道两个的区别以及基本概念，总结如下。

DOM：

DOM又称文档对象模型，它是HTML和XML文档的编程接口，它主要描述了一些我们使用JS处理网页内容的方法和接口，它的目标是网页内容。比如说我们使用JS修改页面内容，其实就是操作的DOM文档。

BOM：

BOM又称浏览器对象模型，它主要用来描述一些与浏览器行为相关的接口和方法，比如我们利用JS调整浏览器窗口大小、标签页跳转等等，这些都是BOM对象。

对于初学者来说，可以理解DOM和BOM有一点点难，因为它们都是对象模型，不是真正存在的东西，它们似乎是一种规范。

为了更好的理解，我这里用最通俗的语言解释一下DOM和BOM。

最简单的理解：

大家可以把DOM和BOM想象成两个大箩筐，DOM箩筐里面装的是HTML、XHTML等等元素、属性和相关方法对象，而BOM箩筐内装的是浏览器的相关属性和方法对象。DOM和BOM这两个箩筐中都有一些核心对象或者方法，这就是我们需要学习的。

这样来解释是不是就很好理解了，我们要学会把虚拟的东西实物话，就像上学的时候做物理提时，我们要学会画图，把干瘪瘪的题目实物为图形。

前面既然说BOM对象模型是针对于浏览器的，那么它暴漏了哪些对象供我们使用呢？或者说我们如何操作浏览器呢？接下来我们就分别学习一下BOM暴漏给我们的一些对象。

2.window对象

window对象是BOM的核心对象，它表示的是浏览器的实例。它在我们的JS中则代表全局对象，即Global对象的意思，当然，既然是浏览器实例，我们就只能在网页中的JS内使用window，在普通ECMAscript中，window即Global对象。

既然是全局对象，意味着我们在网页中定义的所有全局变量、方法等都可以在window对象下找到。

我们可以讲window对象打印出来看看。

代码如下：

console.log(window) 

输出结果：

2.1 Global作用域

因为window代表的是ECMAscript中的Global对象，大家可以简单的讲window与Global划等号。所以如果使用var声明的全局变量或者方法，都将称为window对象的属性和方法。

代码如下：

var name = '小猪课堂';
var say = () => {console.log('你好！小猪课堂');
}
console.log(name); // 小猪课堂
console.log(window.name); // 小猪课堂

say(); // 你好！小猪课堂
window.say();