洞悉浏览器运作机制，探索 JavaScript 的核心概念

JavaScript 的执行机制

JavaScript 是一门单线程语言，这意味着它一次只能执行一个任务。当一个任务正在执行时，其他任务都会排队等待。这种执行模型称为事件循环（Event Loop）。

事件循环由两个主要部分组成：

• 调用栈（Call Stack） ：调用栈存储正在执行的函数。当一个函数被调用时，它就会被压入调用栈。当函数执行完成后，它就会被弹出调用栈。
• 任务队列（Task Queue） ：任务队列存储等待执行的任务。当一个任务被添加到任务队列时，它就会排队等待执行。当调用栈为空时，事件循环就会从任务队列中取出一个任务并将其压入调用栈。

浏览器对象模型（DOM）

浏览器对象模型（DOM）是 HTML 文档的表示。DOM 将 HTML 文档分解成一系列对象，包括元素、属性和文本节点。JavaScript 可以通过 DOM 来访问和修改 HTML 文档。

DOM 中最重要的对象是 window 对象。window 对象表示浏览器窗口。window 对象包含许多属性和方法，用于访问和修改浏览器窗口。

BOM 属性

浏览器对象模型（Browser Object Model）是 JavaScript 中的一个对象集合，用于与浏览器进行互动。

Window 对象

Window 对象是 BOM 的核心对象。它表示浏览器窗口，并提供对浏览器窗口的属性和方法的访问。常用的 Window 对象属性包括：

• window.location ：表示当前页面的 URL。
• window.history ：表示浏览器的历史记录。
• window.navigator ：表示有关浏览器的信息。
• window.screen ：表示有关屏幕的信息。

Location 对象

Location 对象表示当前页面的 URL。它提供对 URL 的属性和方法的访问。常用的 Location 对象属性包括：

• location.href ：表示当前页面的 URL。
• location.protocol ：表示当前页面的协议。
• location.host ：表示当前页面的主机名。
• location.pathname ：表示当前页面的路径。
• location.search ：表示当前页面的查询字符串。
• location.hash ：表示当前页面的锚点。

History 对象

History 对象表示浏览器的历史记录。它提供对历史记录的属性和方法的访问。常用的 History 对象属性包括：

• history.length ：表示历史记录中的条目数。
• history.currentPage ：表示当前页面在历史记录中的索引。
• history.previousPage ：表示上一个页面在历史记录中的索引。

Navigator 对象

Navigator 对象表示有关浏览器的信息。它提供对浏览器信息的属性和方法的访问。常用的 Navigator 对象属性包括：

• navigator.userAgent ：表示浏览器的用户代理字符串。
• navigator.appCodeName ：表示浏览器的代码名称。
• navigator. appName ：表示浏览器的名称。
• navigator.appVersion ：表示浏览器的版本。
• navigator.language ：表示浏览器的语言。

Screen 对象

Screen 对象表示有关屏幕的信息。它提供对屏幕信息的属性和方法的访问。常用的 Screen 对象属性包括：

• screen.width ：表示屏幕的宽度。
• screen.height ：表示屏幕的高度。
• screen.availWidth ：表示屏幕的可视宽度。
• screen.availHeight ：表示屏幕的可视高度。
• screen.colorDepth ：表示屏幕的颜色深度。