iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

邁向 JavaScript 核心之路 系列

希望藉由這次鐵人賽的挑戰,
來鍛鍊自己的意志力,
希望完賽時,
自己的文筆能有所進步,
也能將學習到的 JavaScript 比較底層的部份享給社群,
藉此看清楚自己的思路,
加強觀念的吸收。

鐵人鍊成 | 共 30 篇文章 | 34 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day 21] JavaScript 物件繼承- 傳遞參數到父層類別

傳遞參數到父層類別 大給後,對於昨天的文章提到的繼承原型方法,不知道大家是否理解了呢? 今天我們要針對那個方法再做一些延伸與調整,我們利用 call 的方式並沒...

2019-10-06 ‧ 由 chasel1020 分享
DAY 22

[Day 22] JavaScript 物件繼承- Object.creat 繼承方法

打給後,大家還記得我們昨天提的暫時類別繼承方法嗎? 是不是覺得落落長,不太好理解呢? 沒問題,今天我們來講講更簡潔的方法吧! Object.create Obj...

2019-10-07 ‧ 由 chasel1020 分享
DAY 23

[Day 23] JavaScript 設計模式- 基本介紹

我們在寫程式時,經常會碰到很類似的需求,每次都增加一些類似內容的程式碼,甚至可以用複製貼上後修改幾個小地方就能完成,漸漸的我們可以從這些程式碼當中發現是有規律的...

2019-10-08 ‧ 由 chasel1020 分享
DAY 24

[Day 24] JavaScript 設計模式- 單體模式、簡單工廠模式、迭代器模式

單體模式 ( Singleton ) 單體模式的概念是確保一個類別只有一個物件,並提供對該物件的全域操作,一般來說,當我們利用同一個類別建立實體物件時,每次建立...

2019-10-09 ‧ 由 chasel1020 分享
DAY 25

[Day 25] JavaScript 設計模式- 裝飾者模式、策略模式、外觀模式

裝飾者模式 ( Decorator ) 裝飾者模式的概念是在物件上動態的加上功能來強化目標,所以在設計時,必須注意要設計的容易被強化。是透過覆寫的方法來強化功能...

2019-10-10 ‧ 由 chasel1020 分享
DAY 26

[Day 26] JavaScript 設計模式- 代理模式、中介者模式、觀察者模式

代理模式 (Proxy) 代理模式的意義是用一個物件做為另一個物件的介面,主要的目的是為了保護物件的存取,避免不正確的操作行為。 var car =...

2019-10-11 ‧ 由 chasel1020 分享
DAY 27

[Day 27] JavaScript ES6 語法- 變數範圍鏈、常數、函式範圍鏈

變數範圍鏈 (Variable Scoping) let 與 var 的不同在於變數有效範圍界定的差別。 var 是 function 界定變數的有效範圍,而...

2019-10-12 ‧ 由 chasel1020 分享
DAY 28

[Day 28] JavaScript ES6 語法- 箭頭函式、函式參數擴展與字串樣板

箭頭函式 (Arrow Functions) 為了簡化函式,箭頭函式語法上更短,以及有著不改變 This 的特性,所有的箭頭函式都必須是匿名函式。 /...

2019-10-13 ‧ 由 chasel1020 分享
DAY 29

[Day 29] JavaScript ES6 語法- 增強物件屬性與解構分配

增強物件屬性 ( Enhanced Object Properties ) 物件屬性在賦予值時可以簡化形式、定義方法,甚至可使用表達式計算屬性的名稱。 這樣對使...

2019-10-14 ‧ 由 chasel1020 分享
DAY 30

[Day 30] JavaScript ES6 語法- 類別與非同步處理

類別 (Class) ES6 類別語法並沒有改變 JavaScript 基於 prototype-based 的本質,只是在此提供一種語法糖,主要的目的是可以更...

2019-10-15 ‧ 由 chasel1020 分享