iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

你懂 JavaScript 嗎? 系列

身為前端工程師一定要懂 JavaScript 的 (ゝ∀・)

鐵人鍊成 | 共 30 篇文章 | 279 人訂閱 訂閱系列文 RSS系列文 團隊武裝狗狗
DAY 11

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

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

2018-10-18 ‧ 由 Summer 分享
DAY 12

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

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

2018-10-19 ‧ 由 Summer 分享
DAY 13

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

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

2018-10-20 ‧ 由 Summer 分享
DAY 14

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

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

2018-10-21 ‧ 由 Summer 分享
DAY 15

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

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

2018-10-22 ‧ 由 Summer 分享
DAY 16

你懂 JavaScript 嗎?#16 this

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

2018-10-23 ‧ 由 Summer 分享
DAY 17

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

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

2018-10-24 ‧ 由 Summer 分享
DAY 18

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

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

2018-10-25 ‧ 由 Summer 分享
DAY 19

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

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

2018-10-26 ‧ 由 Summer 分享
DAY 20

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

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

2018-10-27 ‧ 由 Summer 分享