本文主要是探討 ES6 Class 的美好與陷阱。 ES6 Class 關於 ES6 Class,我們先再次檢視先前提過的 Widget 與 Button 範...
本文主要會談到 什麼是行為委派?和類別有什麼差異?行為委派的優點是什麼?模型比較? 什麼是 OLOO?如何使用委派機制達到去類別化?如何撰寫更簡潔易懂的程式...
本文主要會談到 類別、建構子與實體。 什麼是原型串鏈?原型串鏈的功用是? 什麼是原型式繼承? 疑難雜症大解惑-如何分辨屬性是位於該物件或原型串鏈上的?如何分...
本文主要會談到簡單的物件導向概念,作為後續「原型」(Prototypes)的暖身。 類別(Class)、建構子(Constructor)、實體(Instanc...
關於物件,本文會提到 語法:宣告式與建構形式。 型別:再次複習 typeof、使用 instanceof 判定物件子型別。 內容:屬性值的存取、物件的複製(...
本文主要會談到 this 是什麼?判斷 this 的值的四個規則與例外。 語彙的 this,這裡會提到箭頭函數中的 this 的不同之處。 this 是什...
本文主要會談到 閉包是什麼?有什麼功用? 迴圈與閉包搭配使用時的謬誤與陷阱。 模組模式是什麼? 如何管理模組?探討模組依存性載入器/管理器與 ES6 模組。...
本文主要是比較動態範疇與語彙範疇的差異。 動態範疇(Dynamic Scope)vs 語彙範疇(Lexical Scope) 前情提要,先前提過範疇是指編譯器...
本文主要會談到 什麼是拉升(hoisting)? 變數與函式的拉升有什麼不同? 怎麼處理在 <script> 宣告的全域變數?是否也有拉升的狀況...
本文會提到 範疇的劃分單位可分為兩種-函式範疇與區塊範疇,它們有什麼不同?各有什麼優點? 函式範疇的重要觀念與相關應用-函式宣告與函式運算式、匿名與具名函式...
本文會提到 什麼是語彙範疇?這階段要做什麼事情? 什麼會改變語彙範疇?有什麼影響? 語彙範疇(Lexical Scope) 範疇的運作方式有兩種-語彙範疇...
本文會提到 什麼是「範疇」?範疇的功用是? 編譯器怎麼理解程式碼? 什麼是巢狀範疇? 從 LHS 與 RHS 來理解 JavaScript 查找變數的報錯機...
JavaScript 的文法是描述其語法(syntax),例如:運算子、關鍵字等,如何結合在一起,形成格式正確的有效程式的一種結構化方式。 本文主要會談到...
強制轉型(coercion)到底是一個有用的功能,還是設計上的缺陷呢? ... ... 本文主要會談到 強制轉型(coercion)分為兩種,分別是「明確...
本文主要會談到 何謂 Natives(原生功能)?怎麼用? 物件包裹器、陷阱、解封裝。 各類建構子的原生功能、原生的原型。雖然優先使用字面值而非使用建構子建...
本文主要內容為探討基本型別的特殊值並能適當地使用它們。 undefined 與 void 運算子 void 運算子可確保運算式不回傳任何值(其實是得到 und...
本文主要會談到關於陣列、字串、數字的錯誤操作方式與疑難雜症的解法。 ... ... 寫程式粗心大意可是會爆炸的喔! 陣列(Array) 陣列是由數值做索引,...
本文主要會談到 何謂「型別」?內建型別有哪些?常見疑難雜症與解法。 未定義(undefined)vs 未宣告(undeclared)。 何謂「型別」? 「...
在上一篇暖身文章中大致聊過了一些基本知識,像是運算子、運算式、值與型別、變數、條件式、迴圈,本文還會再探討一些基礎概念,像是 變數的存取規則,包含函式範疇...
本文主要內容為程式設計簡介,在此可看到在初學階段所必須理解的各種專有名詞。 以下一一仔細跟大家說明 ( ゚∀゚)o彡 程式碼(Code) 程式(progra...
這次鐵人賽的主題是「你懂 JavaScript 嗎?」,主要內容是「You Don't Know JS」系列書的讀書筆記。 為什麼要讀這一系列的書呢? 由於近...