JavaScript - 語法：初學者指南

你好，未來的JavaScript法師們！我很興奮能成為你們在這個令人興奮的JavaScript語法世界的導遊。作為一個教導編程多年的老師，我可以告訴你們，掌握語法就像在寫詩之前學習字母一樣。這可能看起來很基礎，但它是我們將一起建造的一切的基礎。那麼，讓我們開始吧！

JavaScript 語法：代碼的基石

JavaScript語法是定義如何構建JavaScript程序的規則集合。把它看作是JavaScript語言的語法。正如我們需要遵循語法規則才能在說話時表達清楚，我們也需要遵循語法規則才能讓計算機理解我們的代碼。

你的第一個JavaScript代碼

讓我們從一個簡單的"Hello, World!"程序開始。這通常是你在學習新語言時寫的第一個程序。

console.log("Hello, World!");

當你運行這段代碼時，你會在控制台看到"Hello, World!"被打印出來。讓我們分解一下：

• console 是JavaScript提供的一個對象，它讓我們能夠訪問瀏覽器的調試控制台。
• .log() 是console對象的一個方法，它打印傳遞給它的參數。
• "Hello, World!" 是我們想要打印的一個字符串（字符序列）。

JavaScript 值

在JavaScript中，我們使用不同類型的值。主要類型包括：

1. 數字：42、3.14
2. 字符串："Hello"、'JavaScript'
3. 布爾值：true、false
4. 對象：{name: "John", age: 30}
5. 数组：[1, 2, 3, 4]
6. 函数：function greet() { console.log("Hi!"); }

以下是一個使用不同類型值的例子：

let age = 25;  // 數字
let name = "Alice";  // 字符串
let isStudent = true;  // 布爾值
let person = {name: "Bob", age: 30};  // 對象
let numbers = [1, 2, 3, 4, 5];  // 数组

console.log(age);  // 輸出：25
console.log(name);  // 輸出：Alice
console.log(isStudent);  // 輸出：true
console.log(person.name);  // 輸出：Bob
console.log(numbers[2]);  // 輸出：3

空白和換行

JavaScript對空白（空格、制表符和換行）非常寬容。你可以使用它來使代碼更具可讀性，而不會影響其功能。

let x = 5;
let y = 10;
let z = x + y;

// 這與以下代碼等效：
let x=5;let y=10;let z=x+y;

// 還有這個：
let x = 5
let y = 10
let z = x + y

分號是可選的

在JavaScript中，語句末尾的分號是可選的。然而，通常認為包含它是個好習慣。

let a = 5;  // 带分號
let b = 10  // 不帶分號

// 兩者都是有效的，但建議包含分號

大小寫敏感性

JavaScript是大小寫敏感的。這意味著myVariable、MyVariable和MYVARIABLE都是不同的變量。

let myVariable = "Hello";
let MyVariable = "World";

console.log(myVariable);  // 輸出：Hello
console.log(MyVariable);  // 輸出：World

JavaScript與駝峰命名法

按照慣例，JavaScript使用駝峰命名法來為變量和函數命名。這意味著我們以小寫字母開始，並將随后的每个单词的首字母大寫。

let firstName = "John";
let lastName = "Doe";
let fullName = firstName + " " + lastName;

console.log(fullName);  // 輸出：John Doe

JavaScript關鍵字

JavaScript有一組保留字，你不能將它們用作變量名。這些被稱為關鍵字。以下是一些常見的：

關鍵字	描述
let	聲明一個區塊作用域的變量
const	聲明一個區塊作用域的不可變常量
if	標記一個在條件成立時要執行的語句塊
for	標記一個在循環中要重複執行的語句塊
function	聲明一個函數
return	跳出函數
true	一個布爾值
false	一個布爾值

JavaScript標識符

標識符是你給變量、函數或屬性起的名字。以下是一些有效的規則：

1. 可以包含字母、數字、下劃線和美元符號
2. 必須以字母、下劃線或美元符號開頭
3. 是大小寫敏感的
4. 不能是保留關鍵字

// 合法標識符
let myVariable = 5;
let _privateVar = 10;
let $specialVar = 15;

// 非法標識符
// let 123abc = 20;  // 不能以數字開頭
// let my-var = 25;  // 不能使用連字符
// let let = 30;     // 不能使用保留關鍵字

JavaScript中的註釋

註釋用於在代碼中添加筆記或防止某些部分執行。JavaScript中有兩種類型的註釋：

// 這是一個單行註釋

/*
這是一個
多行註釋
*/

let x = 5;  // 你也可以在行尾添加註釋

JavaScript中的運算符

運算符用於對變量和值進行操作。以下是一些常見的運算符：

運算符	描述	示例
+	加法	5 + 3
-	減法	5 - 3
*	乘法	5 * 3
/	除法	15 / 3
%	取模（餘數）	5 % 2
++	自增	x++
--	自減	x--
==	等於	5 == 5
===	嚴格等於	5 === "5"
!=	不等於	5 != 3
>	大於	5 > 3
<	小於	3 < 5

JavaScript中的表達式

表達式是值、變量和運算符的組合，它計算出一個值。以下是一些例子：

let x = 5;
let y = 3;

console.log(x + y);  // 輸出：8
console.log(x * y);  // 輸出：15
console.log(x > y);  // 輸出：true
console.log(x === "5");  // 輸出：false

JavaScript字符集

JavaScript使用Unicode字符集。這意味著它可以使用來自許多不同語言的字符和表情符號！以下是一個有趣的例子：

let greeting = "Hello! ?";
let name = "Alice";
console.log(greeting + " " + name);  // 輸出：Hello! ? Alice

那麼，各位！我們已經涵蓋了JavaScript語法的基本知識。記住，熟能生巧。別擔心如果一切都不立即清晰——這是完全正常的。繼續實驗，繼續編程，最重要的是，繼續享受樂趣！

在我們的下一次課程中，我們將深入探討變量和數據類型。在那之前，快樂編程！??‍??‍?

Credits: Image by storyset