物件導向的基礎範例 | Lidemy 鋰學院

自動播放
自動完成

上一個單元 Complete and Continue

[JS201] 進階 JavaScript：那些你一直搞不懂的地方

課前須知

課前須知

先從變數開始談起

變數的資料型態 (13:28)
讓你摸不透的 = 賦值 (12:11)
== 與 === 的差別 (14:15)
初次見面：let 與 const (7:15)

變數的生存範圍：Scope

變數的生存範圍 (16:38)
let 與 const 的生存範圍 (6:15)

從 Hoisting 理解底層運作機制

什麼是 hoisting（提升）？ (5:49)
一個一個來：hoisting 的順序 (8:27)
hoisting 的原理為何？從 ECMAScript 下手 (13:41)
體驗 JS 引擎的一天，理解 Execution Context 與 Variable Object (5:43)
let 與 const 的詭異行為 (3:05)
TDZ：Temporal Dead Zone (2:28)

從 Closure 更進一步理解 JS 運作

Closure 是什麼？ (11:20)
從 ECMAScript 看作用域 (11:30)
再次 cosplay JS 引擎 (9:26)
日常生活中的作用域陷阱 (13:18)
Closure 可以應用在哪裡？ (5:34)

物件導向基礎與 prototype

什麼是物件導向？ (2:04)
物件導向的基礎範例 (8:13)
ES5 的 class (6:40)
從 prototype 來看「原型鍊」 (12:32)
所以，new 到底做了什麼事？ (7:02)
物件導向的繼承：Inheritance (5:24)

先學完物件導向，學 this 才有意義

this 的意義在哪 (1:10)
在沒有意義的地方呼叫 this，預設值會是什麼？ (3:42)
另外兩種呼叫 function 的方法：call 與 apply (2:54)
用另一種角度來看 this 的值 (5:14)
強制綁定 this：bind (4:16)
arrow function 的 this (3:17)

Teach online with

物件導向的基礎範例

Complete and Continue

Discussion

0 comments