跳至主要内容

本系列文為 2026 iThome 鐵人賽挑戰「JS 核心重構：勇者轉職傳說」的開篇宣言。在這個生成式 AI 崛起、語法糖滿天飛的時代，許多開發者能快速寫出功能，卻常在異步處理、作用域鏈、原型繼承與記憶體管理等底層機制踩坑。本系列將以 RPG 勇者轉職冒險為包裝，帶領讀者從零打通 JavaScript 核心觀點，結合實戰重構技巧，建立強固且優雅的前端與 Node.js 程式庫架構。

Day 00: 勇者冒險的起點！JS 核心重構鐵人賽宣戰

本文同步分享於2026鐵人賽：JS 核心重構：勇者轉職傳說

📜 這裡的修煉規則

孩子，在踏上今日的領地前，先坐下來喝杯酒吧。 修煉的路很長，別急著奔跑，先聽聽這份卷軸裡的古老叮嚀。

我在每一站的盡頭都為你鋪設了 「實戰演武場 CodePen」。那不只是程式碼的拼湊，而是你在這場暴風雨中，試圖用邏輯點燃的一顆星火。 成功突圍後，別忘了帶著你的戰利品回到 「QuestBoard 佈告欄」。在那裡，你會發現自己從不孤單，公會的夥伴們都正舉杯等待你的歸來。

記住...

「 導師看重的從來不是你的劍法有多華麗，而是當你被邏輯擊潰、滿身泥濘後，依然選擇握緊理性的劍柄，再次向真相發起衝鋒的勇氣。 」

🛡️ 【公會大廳：導師的修煉導讀】​

推開這扇沉重古老的公會木門，空氣中飄散著紙張與法力交織的微光。

你站在大廳中央，環顧四周，眼神中帶著一絲猶豫與渴望：「這就是... 冒險者公會嗎？」

「年輕的冒險者，歡迎來到 『傳奇冒險者公會』。我是導師 Liwen。」

今天這篇前導文章，我想正式向所有來到這裡的冒險者介紹：「我在做什麼」，以及**「這個專案準備了什麼樣的武器與資源給你」**。

許多人在學習 JavaScript 時，常陷入兩種困境：要麼被抽象冰冷的技術術語弄得頭破血流，要麼直接套用現代框架（如 React），卻發現自己只是在「通靈寫代碼」，一旦離開範本便寸步難行。

因此，我發起了這場 《JS 核心重構：勇者轉職傳說》 30 天修煉計畫！我的目標不是帶你死背語法，而是要帶你穿透表象、看清底層真相。透過 30 天系統化的鍛鍊，把變數作用域、記憶體傳址、閉包、this 判定、Event Loop 到資料驅動架構內化為你的直覺。當 30 天迷霧消散之際，你將能親手接下終極聖劍，完成真正的職人轉職！

💡 【導師講義：底層真相探究】​

這不僅僅是一系列文章，而是一套為你量身打造的全方位學習生態系。在這個專案裡，我們為你準備了以下的核心裝備：

1. 這個專案包含哪些冒險神器？​

  • 🗺️ 前導冒險體驗網頁（Entry Gate） 我們打造了專屬的 JS Core Remaster Loading Page。點擊開啟公會大門，沉浸式感受這場修煉的序幕與對話引導。
  • 📜 30 天深度視覺化任務書（Task Book） 每天在 iThome 與數位花園同步發布。每篇均堅持 「去術語化」（先用生活直覺比喻）與 「視覺化優先」（附帶 Excalidraw 原理圖解），讓你一眼看懂記憶體與資料流向。
  • ⚔️ 實戰演武場（CodePen Arena） 每一篇任務書末尾，都附有精心設計的手寫練習題。拒絕「只看懂卻寫不出」，將知識直接轉化為程式肌肉記憶。
  • 🍻 冒險者酒館簽到系統（QuestBoard） 專屬開發的 QuestBoard Remaster 社群互動平台。你可以貼上自己的 CodePen 戰利品、提交鑑定報告，並與其他勇者交流切磋。
  • 🪴 導師的數位花園（Digital Garden） 長期沉澱與知識檢索的基地：Liwen's Digital Garden。
🛖 營火叮嚀：導師的經驗談

「導師當年剛踏入程式荒野時，也曾像你一樣被滿屏的專有名詞與框架更迭搞得焦慮不堪。 我曾經花了幾個月硬背各種複雜的宣告與函式，直到某一天在實戰中被記憶體洩漏與指向混亂搞得徹夜未眠，我才猛然醒悟：程式碼只是符號，背後的邏輯與資料流才是靈魂。

所以，這個專案就是為了當年的我、以及現在的你而建的。你不需要孤軍奮戰，公會的所有裝備與夥伴都在這裡等著你。」

天色微亮，營火雖已燃盡，但你眼中卻閃爍著領悟的光芒。在前往演武場挑戰關卡前，我已經幫你把靈魂碎片精煉成了這份「戰術錦囊」。拿好它，今日的任務不再是負擔，而是你證明自我的舞台。去吧，公會的英雄榜在等著你的戰報。

📝 夥伴筆記：今日修煉精華
這份筆記是你的隨身護身符，卡關時看一眼，真相就在裡面。​
  • [我們在做什麼]：發起 30 天 JS 核心重構計畫，透過去術語與視覺化圖解，帶大家看透底層真相並銜接 React。
  • [這個專案有什麼]：前導體驗網頁 (loadPage) + 30 天圖解任務書 (Posts) + CodePen 演武場 + QuestBoard 酒館簽到系統。
  • [黃金三步 SOP]：每日閱讀任務書 ➔ CodePen 手寫實戰 ➔ QuestBoard 酒館交流戰報。

🎯 【實戰演武場】​

  1. 點擊開啟 📜 公會前導體驗網頁 (loadPage) 感受開門儀式。
  2. 前往 QuestBoard 冒險者酒館 完成報到並留下你的宣誓：
    • 👉 點此進入 QuestBoard 冒險者酒館
    • 初心者：公會報到 (成就感發掘)：
        1. 在酒館留言板留下你的冒險誓言：「我已簽下合約，準備開啟 30 天 JS 核心重構修煉！」
    • 冒險者：心態整備 (理性挑戰)：[⚡ 觀念辨析]
        1. [⚡ 導師挑戰] 為什麼「先懂底層原理」會比「直接背框架語法」更能讓你在程式路上走得長遠？
  3. 任務完成後，你的名字將永遠標記在公會的英雄榜上！

📚 【圖書館卷軸：延伸學習】​