JavaScript 主要由三部分组成：ECMAScript、DOM（文档对象模型）和 BOM（浏览器对象模型）。

1、ECMAScript

ECMAScript 是 JavaScript 的核心，描述了语言的基本语法（变量、函数、条件语句、循环、运算符等）、类型、语句、关键字、保留字、运算符、对象等基本概念。

示例代码：

// 变量声明
let name = "Alice";
const age = 25;// 函数
function greet() {
console.log("Hello, " + name);
}// 条件语句
if (age >= 18) {
console.log(name + " is an adult.");
} else {
console.log(name + " is not an adult.");
}// 循环
for (let i = 0; i < 5; i++) {
console.log(i);
}

2、DOM（Document Object Model）

DOM 提供了对文档的结构化表示，并定义了一种方式，使程序和脚本能够动态地访问和更新文档的内容、结构和样式。在 JavaScript 中，我们可以通过 DOM 来操作 HTML 或 XML 文档。

示例代码：

// 获取元素
let element = document.getElementById("myElement");// 修改元素内容
element.innerHTML = "New content";// 添加事件监听器
element.addEventListener("click", function() {
alert("Element clicked!");
});// 创建新元素
let newElement = document.createElement("p");
newElement.textContent = "This is a new paragraph.";
document.body.appendChild(newElement);

3、BOM（Browser Object Model）

BOM 提供了独立于任何特定文档的对象，用于浏览器窗口和脚本之间的交互。例如，通过 BOM，我们可以控制浏览器窗口的大小和位置，导航到新的 URL，或者弹出新的浏览器窗口等。

示例代码：

// 获取窗口的宽度和高度
let width = window.innerWidth;
let height = window.innerHeight;
console.log("Window width: " + width + ", height: " + height);// 打开新的窗口或标签页
window.open("https://www.example.com", "_blank");// 设置定时器
let timerId = setInterval(function() {
console.log("Timer ticked!");
}, 1000); // 每秒执行一次// 清除定时器
clearInterval(timerId);