JavaScript 預留關鍵字：初學者的全面指南

你好，未來的 JavaScript 巫師們！我很興奮能成為你們在這個令人興奮的旅程中的導師，我們將一起探索 JavaScript 預留關鍵字的世界。作為一個教學超過十年的編程老師，我可以向你們保證，理解這些關鍵字就像學習編程宇宙中的魔法咒語。所以，讓我們捋起袖子，開始吧！

JavaScript - Reserved Keywords

什麼是 JavaScript 的預留關鍵字？

想像一下你正在學習一門新語言，有些詞語具有特殊含義 - 你不能隨意使用的詞語。這正是 JavaScript 中的預留關鍵字！它們就像語言中的 VIP，每個都有特定的任務要完成。

它們為什麼重要？

預留關鍵字是 JavaScript 的基石。它們幫助構建你的代碼，控制程序的流程，並執行特定的動作。正確使用它們對於編寫乾淨、高效且無錯誤的代碼至關重要。

預留關鍵字的列表

讓我們看一下 JavaScript 中完整的預留關鍵字列表。別擔心，如果這讓你覺得不知所措 - 我們會分解它，並詳細探討每一個類別！

分類	關鍵字
基礎	break, case, catch, continue, debugger, default, delete, do, else, finally, for, function, if, in, instanceof, new, return, switch, this, throw, try, typeof, var, void, while, with
ES5 和 ES6 新增	class, const, enum, export, extends, import, super
移除（但仍應避免使用）	abstract, boolean, byte, char, double, final, float, goto, int, long, native, short, synchronized, throws, transient, volatile
嚴格模式	implements, interface, let, package, private, protected, public, static, yield
對象屬性和方法	arguments, eval, Infinity, NaN, undefined
其他	null, true, false

現在，讓我們深入每一個類別，並看看這些關鍵字在實際操作中的應用！

基礎預留關鍵字

這些是 JavaScript 編程的基礎。讓我們看一些例子：

'if' 說明

let age = 18;
if (age >= 18) {
console.log("你可以投票！");
} else {
console.log("對不起，你還太小，無法投票。");
}

在這個例子中，if 和 else 是預留關鍵字。它們幫助我們在代碼中做決策。將 if 當成提問，else 則是備用計劃。

'for' 迴圈

for (let i = 0; i < 5; i++) {
console.log("迴圈迭代：" + i);
}

在這裡，for 是我們的關鍵字。它就像一個神奇的咒語，告訴 JavaScript 重複某件事。在這個例子中，它是打印出迴圈迭代號碼 5 次。

ES5 和 ES6 新增

JavaScript 持續進化，隨著 ES5 和 ES6，我們得到了一些閃亮的新關鍵字。讓我們看看 class：

class Dog {
constructor(name) {
this.name = name;
}

bark() {
console.log(this.name + " 說汪！");
}
}

let myDog = new Dog("Buddy");
myDog.bark(); // 輸出：Buddy 說汪！

class 像是一個創建對象的藍圖。在這個例子中，我們創建了一個 Dog 類別，帶有一個 bark 方法。這是一種組織代碼的好方法！

嚴格模式關鍵字

JavaScript 有一种 "嚴格模式"，它幫助捕獲常見的編碼錯誤。讓我們看看 let 的應用：

"use strict";
let x = 10;
console.log(x); // 輸出：10

x = 20; // 這沒問題
let x = 30; // 這會抛出錯誤！

let 用於聲明變量，但與 var 不同，它不允許你重複聲明同一個變量。就像有一個嚴格的老師不會讓你犯愚蠢的錯誤！

對象屬性和方法

有些關鍵字其實是內置的屬性或方法。讓我們看看 undefined：

let x;
console.log(x); // 輸出：undefined

function greet(name) {
if (name === undefined) {
console.log("你好，陌生人！");
} else {
console.log("你好，" + name + "！");
}
}

greet(); // 輸出：你好，陌生人！
greet("Alice"); // 輸出：你好，Alice！

undefined 是 JavaScript 中的一个特殊值。當一個變量尚未被賦值時，它就是這個變量的值。在我們的 greet 函數中，我們使用它來檢查是否提供了名稱。

其他重要關鍵字

我們不能忘記 true 和 false：

let isRaining = true;
let isSunny = false;

if (isRaining) {
console.log("別忘了帶雨傘！");
} else if (isSunny) {
console.log("塗上防曬霜！");
} else {
console.log("享受這個天氣！");
}

這些布爾值對於在代碼中做決策至關重要。它們就像是 JavaScript 中的 "是" 和 "否"。

結論

我們今天涵蓋了很多內容。記住，學習這些關鍵字就像學習一門新語言的字母一樣。起初可能會讓人覺得困難，但隨著練習，它們會變得習以為常。

在你繼續你的 JavaScript 旅程時，你會發現自己越來越多地使用這些關鍵字。它們是幫助你建造令人驚奇事物的工具，從簡單的腚本到複雜的網頁應用程序。

繼續練習，保持好奇心，並不要害怕嘗試。在你意識到之前，你將會像專家一樣寫 JavaScript！記住，在編程的世界裡，每個錯誤都是一個學習機會。祝你好運，未來的 JavaScript 大師！

Credits: Image by storyset