Javascript是一種用于Web前端的高級編程語言，JavaScript是基于OO編程思想來開發網頁交互的腳本語言，主要使用于動態效果和信息交互方面。學習JavaScript需要了解它由哪些部分組成。在本文中，我們將介紹JavaScript的主要組成部分以及它們的功能。
最基本的JavaScript組成部分是語法和語義，這是JavaScript的核心。語法規定了編寫JavaScript腳本時所需要使用的規則。JavaScript語法包括變量、表達式、函數、對象和語句等。例如，以下代碼用于定義一個變量，將其賦值“Hello World！”，并將其輸出到控制臺：

var message = "Hello World!";
console.log(message);

語義規定了JavaScript代碼背后的含義和工作方式。語義包括數據類型、作用域和類型轉換等。例如，以下代碼使用typeof操作符返回變量類型：

var num = 12;
console.log(typeof num); // 輸出 "number"

JavaScript還包括一系列內置對象。這些對象是預定義的并提供了許多常用功能。內置對象包括Array、String、Date、Math和RegExp等。例如，以下代碼使用String對象創建一個字符串并調用“length”屬性以獲取其長度：

var string = new String("Hello");
console.log(string.length); // 輸出 "5"

JavaScript還包括許多操作符和關鍵字，用于執行各種操作。操作符包括算術、比較和邏輯運算符等。關鍵字用于定義變量、函數、控制流和異常處理等。例如，以下代碼使用邏輯運算符和if語句進行條件比較：

var age = 18;
if (age >= 18 && age <= 65) {
console.log("You are eligible to vote.");
} else {
console.log("You are not eligible to vote.");
}

JavaScript還支持事件處理模型，允許以響應用戶操作為基礎的交互。事件處理程序是特定事件發生時執行的JavaScript函數。例如，以下代碼演示單擊按鈕時如何觸發事件處理程序：

<button id="myButton">Click Me</button>
<script>
document.getElementById("myButton").addEventListener("click", function() {
alert("Button clicked.");
});
</script>

JavaScript還可以與HTML和CSS結合使用，以實現動態效果和交互性。例如，下面的代碼使用JavaScript和CSS過渡效果來創建一個在懸停時改變背景顏色的DIV元素：

<div id="myDiv">Hover me!</div>
<style>
#myDiv {
width: 100px;
height: 100px;
background-color: red;
transition: background-color 0.5s;
}
#myDiv:hover {
background-color: blue;
}
</style>
<script>
var div = document.getElementById("myDiv");
div.addEventListener("mouseover", function() {
div.style.backgroundColor = "blue";
});
div.addEventListener("mouseout", function() {
div.style.backgroundColor = "red";
});
</script>

綜上所述，JavaScript主要由語法、語義、內置對象、操作符和關鍵字、事件處理模型以及與HTML和CSS結合使用的各種功能組成。掌握這些組成部分非常重要，因為它們是JavaScript編程的基礎。在學習JavaScript時，建議您深入研究這些部分并實踐使用它們。