JavaScript 是網頁世界最重要的程式語言之一,從按鈕互動、表單驗證到前後端應用都離不開它。這篇文章帶你從零開始,認識 JavaScript 的四個核心基礎:變數、資料型態、函式、流程控制。每個範例都能直接複製到瀏覽器執行。
一、如何執行 JavaScript?
最快的方式是使用瀏覽器的開發者工具:按下 F12,切換到「Console(主控台)」,輸入程式碼後按 Enter 即可。也可以寫在 HTML 檔案中:
<!DOCTYPE html>
<html lang="zh-Hant">
<body>
<h1>Hello JavaScript</h1>
<script>
console.log("Hello, JavaScript!");
alert("歡迎來到 JavaScript 的世界");
</script>
</body>
</html>
console.log() 會把內容輸出到 Console,是除錯時最常用的工具。
二、變數:let、const 與 var
變數就像貼了標籤的盒子,用來存放資料。現代 JavaScript 建議使用 let 與 const:
let score = 80; // 可以重新指定的變數
score = 90; // OK
const name = "小明"; // 常數,不可重新指定
// name = "小華"; // 會出現錯誤!
console.log(name, score);
| 關鍵字 | 可重新指定 | 作用範圍 | 建議 |
|---|---|---|---|
| const | 否 | 區塊(block) | 預設使用 |
| let | 是 | 區塊(block) | 需要改值時使用 |
| var | 是 | 函式(function) | 舊寫法,盡量避免 |