程式碼之外，還有生活的藝術 前端工程師 / 攝影 / 生活紀錄
- 文章334
- 標籤474
標籤查看更多
分類查看更多
- Advanced Web Dev Quiz (27)
- Deep JavaScript Foundations v3 (69)
- Full Stack Fundamentals (47)
- JavaScript Hard Parts v3 (50)
- JS地下城 (5)
- Testing Fundamentals (27)
- TypeScript Fundamentals (28)
- Web Performance Fundamentals (41)
- You Might Not Need a Framework (32)
- 學習經歷 (2)
- 生活亂談 (2)
- 程式筆記 (4)
最新文章
混合 Dev 和 Life 的所有最新內容
334 篇2026-06-1810 分鐘閱讀
介紹區塊範疇的正確使用方式：大括號只有包含 let 或 const 才成為範疇、let 應用在已經在設計上想限制變數存活範圍的地方，以及為什麼全域搜尋取代 var 換 let 是錯誤的做法。
Deep JavaScript Foundations v3
#JavaScript #frontendMasters #deepJavaScriptFoundationsV3 #Scope #BlockScope 2026-06-1713 分鐘閱讀
介紹 IIFE（立即調用函式表達式）的推導邏輯與正式定義：如何建立臨時範疇而不污染外層、為什麼 IIFE 也應該命名，以及把 try/catch 陳述式轉為表達式的進階用途。
Deep JavaScript Foundations v3
#JavaScript #frontendMasters #deepJavaScriptFoundationsV3 #Scope #IIFE 2026-06-1710 分鐘閱讀
介紹函式範疇最重要的實際應用：隱藏實作細節。說明支撐這個設計的最小暴露原則（名稱衝突、誤用防護、重構自由），以及用具名函式建立範疇的侷限，和下一步推導 IIFE 的起點。
2026-06-169 分鐘閱讀
將詞彙範疇轉化為視覺模型：用「氣泡」比喻嚴格巢狀的範疇邊界，說明為什麼編譯期就能確定變數來源讓引擎更有效率，以及 ES Levels 插件的實際用途與已知問題。
Deep JavaScript Foundations v3
#JavaScript #frontendMasters #deepJavaScriptFoundationsV3 #Scope #LexicalScope 2026-06-167 分鐘閱讀
給詞彙範疇（Lexical Scope）一個正式定義：由編譯期決定、作者時間固定、執行期不受影響的範疇模型。並透過對比動態範疇（以 Bash Script 為例）來加深理解兩者的本質差異。
Deep JavaScript Foundations v3
#JavaScript #frontendMasters #deepJavaScriptFoundationsV3 #Scope #LexicalScope 2026-06-1510 分鐘閱讀
說明為什麼箭頭函式不應該被當作所有函式的通用替代品：作為匿名函式，它繼承了所有匿名函式表達式的問題。整理何時可以接受用箭頭函式，以及唯一合理的例外場景。
Deep JavaScript Foundations v3
#JavaScript #frontendMasters #deepJavaScriptFoundationsV3 #ArrowFunction #FunctionExpression 2026-06-1512 分鐘閱讀
說明為什麼應該永遠使用命名函式表達式的三個理由：可靠的自我參考、可讀的 stack trace，以及程式碼自我說明。同時整理函式宣告與函式表達式的選擇建議。
Deep JavaScript Foundations v3
#JavaScript #frontendMasters #deepJavaScriptFoundationsV3 #FunctionExpression 2026-06-149 分鐘閱讀
說明函式宣告與函式表達式的關鍵差異：兩者的識別字歸屬範疇不同。函式宣告的識別字屬於外層封閉範疇，函式表達式的識別字屬於函式自身範疇且是唯讀的。以及判斷兩者的唯一標準。
Deep JavaScript Foundations v3
#JavaScript #frontendMasters #deepJavaScriptFoundationsV3 #Scope #FunctionExpression 2026-06-1410 分鐘閱讀
介紹三層巢狀範疇的查找機制：函式宣告的識別字屬於其外層封閉範疇、參數等同於函式範疇內的正式宣告，以及來源參考查找失敗時永遠拋出 ReferenceError。
Deep JavaScript Foundations v3
#JavaScript #frontendMasters #deepJavaScriptFoundationsV3 #Scope #LexicalScope 2026-06-1313 分鐘閱讀
介紹詞彙範疇的兩個邊界案例：沒有宣告遮蔽時，賦值會沿範疇鏈往上修改外層變數；對完全未宣告的變數賦值時，非嚴格模式下會自動建立全域變數。說明為什麼後者幾乎永遠是 bug。
Deep JavaScript Foundations v3
#JavaScript #frontendMasters #deepJavaScriptFoundationsV3 #Scope #LexicalScope MIT Licensed | Copyright © 2025-present Wen-Hsiu's Blog