JavaScript（簡稱JS）是一種高級的動態編程語言，廣泛用于Web頁面，它可以與HTML和CSS一起使用，用于實現動態效果、表單驗證、用戶交互、動畫效果和響應式設計等多種功能，可以說是Web開發中不可或缺的一部分。而要掌握JavaScript，必須先要掌握其基礎知識。

JavaScript的基礎包括各種數據類型、變量、操作符、控制結構、函數、對象等。下面我們一一來介紹。

數據類型

JavaScript有六種數據類型，分別為：undefined、null、布爾值（Boolean）、數字（Number）、字符串（String）、對象（Object）。

// 示例代碼
var a; // 變量聲明但未賦值，默認值為undefined
var b = null; // 變量賦值為null
var c = true; // 布爾值
var d = 123; // 數字
var e = "Hello World"; // 字符串
var f = {name: "Tom", age: 18}; // 對象

變量

變量是用于保存一段數據的，變量名可以起任何合法的名稱，不過最好是有意義的名詞，可以用駝峰命名法或下劃線命名法。

// 示例代碼
var myName = "John";
var myAge = 25;
var $price = 9.99; // 變量名可以以美元符號開頭
var _location = "China"; // 變量名可以以下劃線開頭

操作符

JavaScript提供了多種操作符用于對數據進行運算，包括算術運算符、賦值運算符、比較運算符、邏輯運算符等。

// 示例代碼
var a = 5 + 3; // 加法運算符
var b = 5 - 3; // 減法運算符
var c = 5 * 3; // 乘法運算符
var d = 5 / 3; // 除法運算符
var e = 5 % 3; // 取余運算符
var f = "Hello" + "World"; // 字符串拼接
var g = true && false; // 邏輯與運算符
var h = true || false; // 邏輯或運算符
var i = !true; // 邏輯非運算符

控制結構

JavaScript提供了多種控制結構用于控制程序的流程，包括條件語句（if語句、switch語句）、循環語句（for語句、while語句）、跳轉語句（break語句、continue語句、return語句）等。

// 示例代碼
if (a >b) {
console.log("a >b");
} else if (a< b) {
console.log("a< b");
} else {
console.log("a == b");
}
for (var i = 0; i< 5; i++) {
console.log(i);
}
var i = 0;
while (i< 5) {
console.log(i);
i++;
}
switch (a) {
case 1:
console.log("a = 1");
break;
case 2:
console.log("a = 2");
break;
default:
console.log("a != 1 && a != 2");
}
function add(a, b) {
return a + b;
}
var result = add(3, 5);
console.log(result);

對象

JavaScript的對象是一種復合數據類型，可以保存多個屬性和方法，屬性可以是任何數據類型，方法則是函數。

// 示例代碼
var book = {
title: "JavaScript基礎",
author: "John",
price: 9.99,
getInfo: function() {
console.log(this.title + " - " + this.author + " - " + this.price);
}
};
console.log(book.title);
book.getInfo();

以上就是JavaScript的基礎知識了，掌握了這些，我們就可以開始編寫一些簡單的JavaScript程序了。