iT邦幫忙

你懂javascript嗎?相關文章
共有 25 則文章

技術 MacOS 透過 NVM 管理 Node.js 的版本管理器(Node Version Manager)

NVM 是一個非常方便的 Node 管理器,你可以安裝任何上線的 Node.js 版本並隨時切換,以下將介紹如何在 MacOS 安裝 NVM 以及我常用的一些指...

鐵人賽 Modern Web DAY 30
你懂 JavaScript 嗎? 系列 第 30

達標好文 技術 你懂 JavaScript 嗎?#30 總結

總結鐵人賽這 30 天的想法與感謝。 一些想法... 看過一些 JavaScript 書籍好的其實我看的書不多,像是 JavaScript Info、Java...

鐵人賽 Modern Web DAY 25
你懂 JavaScript 嗎? 系列 第 25

技術 你懂 JavaScript 嗎?#25 產生器(Generator)

本文主要會談到 generator 的基本概念與範例。 從 callback 演進到 ES6 promise 與 generator 再進化到 ES7 as...

鐵人賽 Modern Web DAY 24
你懂 JavaScript 嗎? 系列 第 24

技術 你懂 JavaScript 嗎?#24 Promise

本文主要會談到 promise 是什麼?promise 的錯誤處理、模式與限制。 ... ... promise 就是承諾(真的)。 callback 不能...

鐵人賽 Modern Web DAY 23
你懂 JavaScript 嗎? 系列 第 23

技術 你懂 JavaScript 嗎?#23 Callback

本文主要會談到情境切換、callback vs callback hell、控制權轉移、解決 callback 的信任問題的解法-分別回呼與錯誤優先處理。 ....

鐵人賽 Modern Web DAY 21
你懂 JavaScript 嗎? 系列 第 21

技術 你懂 JavaScript 嗎?#21 ES6 Class

本文主要是探討 ES6 Class 的美好與陷阱。 ES6 Class 關於 ES6 Class,我們先再次檢視先前提過的 Widget 與 Button 範...

鐵人賽 Modern Web DAY 20
你懂 JavaScript 嗎? 系列 第 20

技術 你懂 JavaScript 嗎?#20 行為委派(Behavior Delegation)

本文主要會談到 什麼是行為委派?和類別有什麼差異?行為委派的優點是什麼?模型比較? 什麼是 OLOO?如何使用委派機制達到去類別化?如何撰寫更簡潔易懂的程式...

鐵人賽 Modern Web DAY 19
你懂 JavaScript 嗎? 系列 第 19

技術 你懂 JavaScript 嗎?#19 原型(Prototype)

本文主要會談到 類別、建構子與實體。 什麼是原型串鏈?原型串鏈的功用是? 什麼是原型式繼承? 疑難雜症大解惑-如何分辨屬性是位於該物件或原型串鏈上的?如何分...

鐵人賽 Modern Web DAY 18
你懂 JavaScript 嗎? 系列 第 18

技術 你懂 JavaScript 嗎?#18 (簡易版)物件導向概念

本文主要會談到簡單的物件導向概念,作為後續「原型」(Prototypes)的暖身。 類別(Class)、建構子(Constructor)、實體(Instanc...

鐵人賽 Modern Web DAY 17
你懂 JavaScript 嗎? 系列 第 17

技術 你懂 JavaScript 嗎?#17 物件(Object)

關於物件,本文會提到 語法:宣告式與建構形式。 型別:再次複習 typeof、使用 instanceof 判定物件子型別。 內容:屬性值的存取、物件的複製(...

鐵人賽 Modern Web DAY 16
你懂 JavaScript 嗎? 系列 第 16

技術 你懂 JavaScript 嗎?#16 this

本文主要會談到 this 是什麼?判斷 this 的值的四個規則與例外。 語彙的 this,這裡會提到箭頭函數中的 this 的不同之處。 this 是什...

鐵人賽 Modern Web DAY 15
你懂 JavaScript 嗎? 系列 第 15

技術 你懂 JavaScript 嗎?#15 閉包(Closure)

本文主要會談到 閉包是什麼?有什麼功用? 迴圈與閉包搭配使用時的謬誤與陷阱。 模組模式是什麼? 如何管理模組?探討模組依存性載入器/管理器與 ES6 模組。...

鐵人賽 Modern Web DAY 14
你懂 JavaScript 嗎? 系列 第 14

技術 你懂 JavaScript 嗎?#14 動態範疇(Dynamic Scope)

本文主要是比較動態範疇與語彙範疇的差異。 動態範疇(Dynamic Scope)vs 語彙範疇(Lexical Scope) 前情提要,先前提過範疇是指編譯器...

鐵人賽 Modern Web DAY 13
你懂 JavaScript 嗎? 系列 第 13

技術 你懂 JavaScript 嗎?#13 拉升(Hoisting)

本文主要會談到 什麼是拉升(hoisting)? 變數與函式的拉升有什麼不同? 怎麼處理在 <script> 宣告的全域變數?是否也有拉升的狀況...

鐵人賽 Modern Web DAY 12
你懂 JavaScript 嗎? 系列 第 12

技術 你懂 JavaScript 嗎?#12 函式範疇與區塊範疇(Function vs Block Scope)

本文會提到 範疇的劃分單位可分為兩種-函式範疇與區塊範疇,它們有什麼不同?各有什麼優點? 函式範疇的重要觀念與相關應用-函式宣告與函式運算式、匿名與具名函式...

鐵人賽 Modern Web DAY 11
你懂 JavaScript 嗎? 系列 第 11

技術 你懂 JavaScript 嗎?#11 語彙範疇(Lexical Scope)

本文會提到 什麼是語彙範疇?這階段要做什麼事情? 什麼會改變語彙範疇?有什麼影響? 語彙範疇(Lexical Scope) 範疇的運作方式有兩種-語彙範疇...

鐵人賽 Modern Web DAY 10
你懂 JavaScript 嗎? 系列 第 10

技術 你懂 JavaScript 嗎?#10 範疇(Scope)

本文會提到 什麼是「範疇」?範疇的功用是? 編譯器怎麼理解程式碼? 什麼是巢狀範疇? 從 LHS 與 RHS 來理解 JavaScript 查找變數的報錯機...

鐵人賽 Modern Web DAY 9
你懂 JavaScript 嗎? 系列 第 9

技術 你懂 JavaScript 嗎?#9 文法(Grammar)

JavaScript 的文法是描述其語法(syntax),例如:運算子、關鍵字等,如何結合在一起,形成格式正確的有效程式的一種結構化方式。 本文主要會談到...

鐵人賽 Modern Web DAY 8
你懂 JavaScript 嗎? 系列 第 8

技術 你懂 JavaScript 嗎?#8 強制轉型(Coercion)

強制轉型(coercion)到底是一個有用的功能,還是設計上的缺陷呢? ... ... 本文主要會談到 強制轉型(coercion)分為兩種,分別是「明確...

鐵人賽 Modern Web DAY 7
你懂 JavaScript 嗎? 系列 第 7

技術 你懂 JavaScript 嗎?#7 原生功能(Natives)

本文主要會談到 何謂 Natives(原生功能)?怎麼用? 物件包裹器、陷阱、解封裝。 各類建構子的原生功能、原生的原型。雖然優先使用字面值而非使用建構子建...

鐵人賽 Modern Web DAY 6
你懂 JavaScript 嗎? 系列 第 6

技術 你懂 JavaScript 嗎?#6 值(Values)Part 2 - 特殊值

本文主要內容為探討基本型別的特殊值並能適當地使用它們。 undefined 與 void 運算子 void 運算子可確保運算式不回傳任何值(其實是得到 und...

鐵人賽 Modern Web DAY 5
你懂 JavaScript 嗎? 系列 第 5

技術 你懂 JavaScript 嗎?#5 值(Values)Part 1 - 陣列、字串、數字

本文主要會談到關於陣列、字串、數字的錯誤操作方式與疑難雜症的解法。 ... ... 寫程式粗心大意可是會爆炸的喔! 陣列(Array) 陣列是由數值做索引,...

鐵人賽 Modern Web DAY 4
你懂 JavaScript 嗎? 系列 第 4

技術 你懂 JavaScript 嗎?#4 型別(Types)

本文主要會談到 何謂「型別」?內建型別有哪些?常見疑難雜症與解法。 未定義(undefined)vs 未宣告(undeclared)。 何謂「型別」? 「...

鐵人賽 Modern Web DAY 3
你懂 JavaScript 嗎? 系列 第 3

技術 你懂 JavaScript 嗎?#3 暖身 (๑•̀ㅂ•́)و✧ Part 2 - 變數、嚴格模式、IIFEs、閉包、模組、this、原型、Polyfill 與 Transpiler

在上一篇暖身文章中大致聊過了一些基本知識,像是運算子、運算式、值與型別、變數、條件式、迴圈,本文還會再探討一些基礎概念,像是 變數的存取規則,包含函式範疇...

鐵人賽 Modern Web DAY 2
你懂 JavaScript 嗎? 系列 第 2

達標好文 技術 你懂 JavaScript 嗎?#2 暖身 (๑•̀ㅂ•́)و✧ Part 1 - 運算子、運算式、值與型別、變數、條件式、迴圈

本文主要內容為程式設計簡介,在此可看到在初學階段所必須理解的各種專有名詞。 以下一一仔細跟大家說明 ( ゚∀゚)o彡 程式碼(Code) 程式(progra...