JavaScript 是现代 Web 开发中最重要的语言之一，它不仅负责网页的动态交互，还通过 Node.js 等技术进入后端开发领域。要深入理解 JavaScript 的工作机制，了解其核心组成部分是必不可少的。

JavaScript 主要由以下三部分组成：

1. ECMAScript（核心语法）

ECMAScript 是 JavaScript 的核心语法规范，定义了语言的基本结构、语法、数据类型、操作符、语句、函数等。它是由 ECMA International 标准组织制定的国际标准（ECMA-262）。

常见版本包括：

• ES5（ECMAScript 5）：广泛兼容的版本，支持大多数浏览器。
• ES6 / ES2015：引入了类、模块、箭头函数、let/const 等重要特性。
• ES2016 到 ES2024：每年更新一次，持续引入新特性（如可选链、Promise.allSettled、Top-level await 等）。

ECMAScript 是跨平台的，无论是在浏览器还是 Node.js 中运行的 JavaScript，都遵循这一标准。

2. DOM（文档对象模型）

DOM（Document Object Model）是 JavaScript 操作 HTML 文档的接口。它将网页结构表示为一个树形结构（称为 DOM 树），每个节点代表一个 HTML 元素、属性或文本。

通过 DOM，JavaScript 可以：

• 获取网页元素（如按钮、段落）
• 修改网页内容（如改变文字、样式）
• 添加或删除元素
• 监听和处理用户事件（如点击、输入）

例如：

document.getElementById("myButton").addEventListener("click", function() {
    alert("按钮被点击！");
});

DOM 是浏览器提供的一组 API，属于浏览器环境的一部分。

3. BOM（浏览器对象模型）

BOM（Browser Object Model）是 JavaScript 与浏览器交互的接口。它没有统一的标准，但大多数现代浏览器都实现了类似的功能。

BOM 提供了多个对象，用于访问浏览器的功能和信息，例如：

• window：代表浏览器窗口，是全局对象。
• location：获取或设置当前页面的 URL。
• navigator：提供浏览器相关信息（如用户代理）。
• history：控制浏览器的历史记录。
• screen：获取用户屏幕的信息。

例如：

console.log(window.location.href); // 获取当前页面地址
window.alert("欢迎访问本页面！");

总结

JavaScript 由 ECMAScript（核心语法）、DOM（操作网页内容） 和 BOM（与浏览器交互） 三部分组成。理解这三部分的职责和关系，有助于更深入地掌握 JavaScript 的运行机制和开发技巧。