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);