剖析BOM核心——Window对象之Global：将变量推向舞台

BOM核心——Window对象之Global：将变量推向舞台

作为前端开发者的我们，一定都不会对DOM（Document Object Model）和BOM（Browser Object Model）这两个概念感到陌生。BOM是指浏览器对象模型，它是一组供脚本访问和控制浏览器的对象、属性和方法。而在BOM中，Window对象扮演着核心的角色。

Window对象是BOM的顶层对象，它是浏览器窗口的表示，包含了所有浏览器窗口的属性和方法。Window对象是一个全局对象，也就是说它可以在任何地方访问，并且它拥有全局作用域。

Global的作用域

Global作用域是JavaScript中的一种作用域类型，它允许变量在整个脚本中都可以访问。在Global作用域中声明的变量被称为全局变量，它们可以在脚本中的任何地方访问和修改。

Window对象作为JavaScript的Global对象

Window对象被赋予了JavaScript的Global对象，这意味着所有通过var声明的全局变量都会变成Window对象的方法和属性。例如，以下代码将创建一个名为“name”的全局变量，它可以通过Window对象访问：

var name = "John Doe";

console.log(window.name); // "John Doe"

Window属性和方法

Window对象拥有丰富的属性和方法，允许脚本控制和访问浏览器窗口。以下是一些常用的Window属性和方法：

• Window.location ：表示当前窗口的URL。
• Window.document ：表示当前窗口的HTML文档。
• Window.history ：表示当前窗口的浏览历史。
• Window.navigator ：表示当前浏览器的信息。
• Window.screen ：表示当前浏览器的屏幕信息。
• Window.alert() ：显示一个警示对话框。
• Window.confirm() ：显示一个确认对话框。
• Window.prompt() ：显示一个带输入框的对话框。

在浏览器中使用Global的作用域

在浏览器中，可以通过以下方法来使用Global的作用域：

• 在脚本中声明全局变量 ：使用var声明的变量就是全局变量，它们可以在脚本中的任何地方访问和修改。
• 使用Window对象访问全局变量 ：可以通过Window对象来访问和修改全局变量。例如，以下代码将创建一个名为“name”的全局变量，它可以通过Window对象访问：

var name = "John Doe";

window.name = "Jane Doe";

console.log(window.name); // "Jane Doe"

结语

Window对象是BOM的核心，它拥有全局作用域，允许脚本访问和控制浏览器窗口。通过理解Window对象之Global，我们可以更好地控制和操作浏览器窗口，为用户提供更加丰富和交互性的Web体验。