JavaScript 簡介與執行環境
JavaScript 是什麼？
比喻：如果 HTML 是房子的骨架，CSS 是裝潢，那 JavaScript 就是電力系統 ⚡
沒有 JavaScript，網頁就像一棟沒有電的房子—— 燈不會亮、門不會自動開、電梯不會動。 JavaScript 讓網頁「活」起來。
JavaScript 可以做什麼？
前端（瀏覽器）：
├── 動態更新頁面內容（不用重新載入）
├── 表單驗證（即時檢查格式）
├── 動畫效果
├── 與後端 API 通訊
└── 遊戲、圖表、互動功能
後端（Node.js）：
├── 建立 Web 伺服器
├── 存取資料庫
├── 檔案操作
└── 即時通訊（WebSocket）
在瀏覽器中執行 JavaScript
方式 1：HTML 內嵌
<!DOCTYPE html>
<html>
<body>
<h1 id="title">Hello</h1>
<script>
// ← 這裡就是 JavaScript 程式碼
// 按 F12 打開瀏覽器開發者工具 → Console 可以看到輸出
console.log("Hello JavaScript!"); // ← 在 Console 印出文字
</script>
</body>
</html>
方式 2：外部檔案（推薦）
<!-- HTML 檔案 -->
<script src="app.js"></script> <!-- ← 引入外部 JS 檔案 -->
// app.js
console.log("我是外部的 JS 檔案");
方式 3：瀏覽器 Console
按 F12 → 點 Console 分頁 → 直接輸入 JavaScript 程式碼
> 1 + 1
< 2
> "Hello".toUpperCase()
< "HELLO"
第一個程式
// console.log() — 在 Console 印出資訊
console.log("Hello, World!"); // ← 印出字串
console.log(42); // ← 印出數字
console.log(true); // ← 印出布林值
console.log(1 + 2); // ← 印出計算結果：3
// alert() — 彈出對話框（會暫停程式）
alert("歡迎光臨！"); // ← 瀏覽器彈窗
// prompt() — 請使用者輸入
let name = prompt("你叫什麼名字？"); // ← 輸入框
console.log("你好，" + name); // ← 用輸入的值
程式碼註解
// 單行註解：這行不會被執行
/*
多行註解：
這裡面的內容
都不會被執行
*/
console.log("這行會執行");
// console.log("這行不會執行"); ← 被註解掉了
嚴格模式
"use strict"; // ← 放在檔案最上面
// 開啟嚴格模式，幫你抓更多錯誤
x = 5; // ❌ 嚴格模式下會報錯：x 沒有被宣告
let x = 5; // ✅ 正確：先宣告再使用
💡 現代 JavaScript（ES6 模組）預設就是嚴格模式。