Design Patterns

Design Patterns 實作於 Typescript 上(To practice how design patterns implementation on TypeScript.)

安裝步驟

1. Clone this project

$ git clone https://github.com/cdcd72/DesignPatterns.git

2. Command to project folder

$ cd ../DesignPatterns

3. Add dependencies

$ npm install

編譯出 javascript 檔案(可選)

$ npm run build

Patterns

點擊 📓 可看到於維基百科(wikipedia)上關於 Patterns 完整的解釋。

🔖 意指 Gangs of Four (GoF) Design Patterns 有提及之設計模式。

Creational

• 🔖 AbstractFactory 📓
• 🔖 Builder 📓
• 🔖 FactoryMethod 📓
• 🔖 Prototype 📓
• SimpleFactory
• 🔖 Singleton 📓

Structural

• 🔖 Adapter 📓
• 🔖 Bridge 📓
• 🔖 Composite 📓
• 🔖 Decorator 📓
• 🔖 Facade 📓
• 🔖 Flyweight 📓
• 🔖 Proxy 📓

Behavioral

• 🔖 Chain of responsibility 📓
• 🔖 Command 📓
• 🔖 Interpreter 📓
• 🔖 Iterator 📓
• 🔖 Mediator 📓
• 🔖 Memento 📓
• Null object 📓
• 🔖 Observer 📓
• 🔖 State 📓
• 🔖 Strategy 📓
• 🔖 Template method 📓
• 🔖 Visitor 📓

參考 github

• typescript-must-know by wahengchang

參考文章

• Using Jest with TypeScript