iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

TypeScript 學習之路並實現 Gof 23 Design Pattern 系列

懵懵懂懂的接觸了JS也好幾個年頭了,始終會寫出很難維護的程式,剛進入職場趁著還有空之餘,以大學時代接觸的設計模式來當作JS學習的一個挑戰,TS具備強型別且嚴謹的語法,且具有interface、單一繼承、泛型,等等現代物件導向語言具備的功能。TS如此完整何不拿來學以致用呢?

至於為什麼會選如此無趣的主題,原因是我並不想花太多時間探索以及看一大堆教學文章,最終才了解這語言的撰寫風格,希望能從直接攻心,從實現最標準的Desgin Pattern來達到訓練TS撰寫風格,一方面也是這題目相對偏向觀念以及語言直接結合,但可能有時候比較學術情境的狀況,並不符合實務狀況,就各方面還是要都嘗試一下拉哈哈

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

TypeScript - Gof 23 Design Pattern (21):Memento Pattern

前言 今天好無力,假日通病。 Memento Pattern 說明 Memento Pattern是用來存取步驟的一個Pattern,那那他有三個部分,Mem...

DAY 22

TypeScript - Gof 23 Design Pattern (22):Adapter Pattern

前言 今天一個衝動買錯了東西,還買貴了...今天來的Adapter Pattern吧! Adapter Pattern 說明 Adapter Pattern,...

DAY 23

TypeScript - Gof 23 Design Pattern (23):Template Pattern

前言 今天寫Template Pattern才發現,竟然竟然..Typescript並沒有final防止子類別複寫父類別的方法,爬文發現這真的滿有爭議的,因為真...

DAY 24

TypeScript - Gof 23 Design Pattern (24):Builder Pattern

前言 今天寫Trello操作的時候,突然想到API的操作,揪竟哪種設計模式比較好呢?我想來想去..還是先來寫Builder Pattern好了! Builder...

DAY 25

TypeScript - Gof 23 Design Pattern (25):Iterator Pattern

前言 今天是無趣的Iterator,也不能說無趣,只是我還沒體會到他的幫助,見識太少就會有這困擾啊。 Iterator Pattern 說明 這就是我們常見的...

DAY 26

TypeScript - Gof 23 Design Pattern (26):Chain of Responsibility Pattern

前言 前幾天學弟遇到購物車優惠的檢查機制問題,今天就來使用Chain of Responsibility試試看吧! Chain of Responsibilit...

DAY 27

TypeScript - Gof 23 Design Pattern (27):Interpreter Pattern

前言 今天搬家了,太忙碌!就來個Interpreter Pattern! Interpreter Pattern 說明 字面意思,就是定義一個語言與其文法,使...

DAY 28

TypeScript - Gof 23 Design Pattern (28):Visitor Pattern

前言 Pattern數量已經接近尾聲了,今天就是Visitor Pattern了! Visitor Pattern 說明 Visitor Pattern,正常...

DAY 29

TypeScript - Gof 23 Design Pattern (29):Abstract Factory Pattern

前言 時間過很快的來到了第29天,也是最後一個Pattern,預計明天最後一天是Flux使用的Pattern。 Abstract Factory Pattern...

DAY 30

TypeScript - Flux Design Pattern (30):Flux Pattern

前言 今天是第三十天,就大概來看一下我一直想看的Flux吧! Flux 說明 是由Facebook提出,且使用在React上,我不太理解為什麼GOF內沒有提到...