JavaScript基礎學習1

1. JavaScript的簡介

JavaScript是一種運行在瀏覽器上的腳本語言，用於為網頁增加動態交互功能。它被廣泛應用於前端開發，也能在Node.js環境下用於後端開發。JavaScript的主要作用包括：

• 操控DOM：可以改變頁面上的內容、樣式和結構。
• 處理事件：響應用戶的操作（如點擊、滾動、鍵盤輸入等）。
• 與後端通信：可以通過AJAX或Fetch API與後端服務器交換數據，實現動態更新頁面。

2. JavaScript語法基礎

2.1 變量聲明

JavaScript中可以使用var、let和const來聲明變量：

• var：早期用來聲明變量，但有作用域問題，現在不推薦使用。
• let：用來聲明可以改變的變量，作用域是塊級（block-scoped）。
• const：用來聲明常量，變量的值不能重新賦值，作用域同樣是塊級。

範例：

let age = 25;
const name = "Alice";

2.2 資料類型

JavaScript中有多種資料類型，包括：

• 原始類型（Primitive Types）：Number（數字）、String（字符串）、Boolean（布爾）、Null、Undefined、Symbol（符號）
• 物件類型（Object）：Object、Array（數組）、Function（函數）

範例：

let num = 10; // Number
let str = "Hello"; // String
let isTrue = true; // Boolean
let list = [1, 2, 3]; // Array
let person = {name: "Alice", age: 25}; // Object

2.3 運算符

JavaScript支持多種運算符：

• 算術運算符：+、-、*、/、%（取餘）
• 比較運算符：==、===（嚴格相等）、!=、!==、>、<、>=、<=
• 邏輯運算符：&&（邏輯與）、||（邏輯或）、!（邏輯非）

範例：

let a = 5, b = 10;
console.log(a + b); // 15
console.log(a > b); // false
console.log(a === 5 && b === 10); // true

3. 流程控制語句

3.1 條件語句

JavaScript中常見的條件語句有if...else和switch：

let age = 18;
if (age >= 18) {
  console.log("成年人");
} else {
  console.log("未成年");
}

let color = "red";
switch (color) {
  case "red":
    console.log("紅色");
    break;
  case "blue":
    console.log("藍色");
    break;
  default:
    console.log("未知顏色");
}

3.2 循環語句

循環用於重複執行某段代碼。JavaScript中常見的循環語句有for、while和do...while。

• for循環：

  for (let i = 0; i < 5; i++) {
    console.log(i);
  }
  

• while循環：

  let i = 0;
  while (i < 5) {
    console.log(i);
    i++;
  }