一、設計模式是什么？
設計模式就是一套被反復使用、多數人知曉的、經過分類編目的、代碼設計經驗的總結，
為什么要使用設計模式？設計模式可重用代碼、讓代碼更容易被他人理解、保證代碼可靠性，設計模式使代碼編制真正工程化，
設計模式怎么來的？設計模式概念是由四人幫（《設計模式（可復用面向物件軟體的基礎）》的四位作者）提出，總共分成了三種型別23種模式，
二、Javascript 設計模式系統講解與應用
終于，有一門為前端準備的設計模式課程了！
從“寫好代碼”到“設計代碼”的程序，不僅是技術的提升，更是編程思維的提升，而這其中最關鍵的就是設計模式，是否理解并掌握設計模式，也是衡量程式員能力的標準之一，
就JS設計模式課程而言，這幾乎是全網獨一無二的系統視頻課程，
1、以JS代碼講解設計模式，查找設計模式資料，大多都是Java，關于JS的你很難找到如此統一全面的，
2、知識點覆寫+面試題決議，覆寫所有模式，尤其是前端常用模式，并帶你決議知名公司的經典面向物件面試題，
3、結合日常作業使用場景，教你如何將設計能力應用于作業中，設計并寫出更加合理可擴展的代碼，真正提高設計能力，
4、知識講解＋案例實戰知識講解的同時配套一個綜合實戰案例，讓你看透設計模式的具體應用，
第1章 課程介紹
學習設計模式的必要性，課程包含的知識點，課程安排，學習前提，
第2章 面向物件
講解javascript中的面向物件的概念，包括 ES6 class 語法、UML 類圖、以及面向物件三要素，
第3章 設計原則
設計原則是理解設計模式的基礎，是從設計到模式的過度，本章介紹何為設計，5大原則，另外，還會講解兩個關于面向物件與設計原則的真實面試題，
第4章 工廠模式
工廠模式是我們最常用的實體化物件模式，本章介紹工廠模式的基本概念，以快餐店漢堡作為生活實體加深理解，講解并繪制了UML類圖，最后列舉了JS中的常見使用場景，如 jquery中的$，React.createElement，vue 異步組件等，
第5章 單例模式
單例模式的核心結構中只包含一個被稱為單例的特殊類，概念、UML類圖仍是必須，本章使用的場景是 jquery中只有一個$，redux 和 vuex 的 store，一個系統中只有一套登錄邏輯，
第6章 配接器模式
將一個類的介面適配成用戶所期待的，這就是配接器，替換老專案中jquery的$.ajax，vue中計算機屬性computed的使用，都可以看作是配接器模式，
第7章 裝飾器模式
裝飾器模式屬于結構型模式，它是作為現有的類的一個包裝，允許向一個現有的物件添加新的功能，同時又不改變其結構，本章同樣介紹概念、UML，同時使用了豐富/實用的場景示例，包括ES7裝飾器、core-decorators模塊等，
第8章 代理模式
為其他物件提供一種代理以控制對這個物件的訪問，網路代理，明星/經紀人的場景恰如其分，
第9章 外觀模式
本章講解外觀模式，講解其概念、示例，
第10章 觀察者模式
觀察者模式是前端最常用、最重要的設計模式，如果讓你只掌握一種設計模式，那肯定就是觀察者模式！！！星巴克點咖啡就是比較帖近的生活場景， jquery和NodeJs中的自定義事件更是經典的使用，
第11章 迭代器模式
用于順序訪問集合物件的元素，是的，就是回圈，自己封裝，通用的回圈方法就是迭代器模式的經典實作，
第12章 狀態模式
對于復雜的狀態管理，如果只用 if…else來判斷，擴展性是非常差的，狀態模式提出了一種處理復雜狀態變化且擴展性好的設計思路，有限狀態機、自己實作Promise等場景的講解，經典而深入，
第13章 其他設計模式
本章統一講解一些 JS 中使用不是很頻繁的設計模式，雖然不常用，但是也要理解其概念和用意，
第14章 綜合應用
設計模式好學，不易用，最難的是不知道在什么場景下應該使用什么模式，本章以一個簡單的購物車綜合示例來演示幾個常用的設計模式如何落地使用，包括專案的分析、設計、編碼和設計模式決議，
第15章 課程總結
回顧課程脈落，總結課程內容，
獲取Javascript 設計模式系統專案視頻教程請家微X：bright1688
創建型：
1.抽象工廠模式（Abstract Factory）
2.構建者模式（Builder）
3.工廠方法模式（Factory Method）
4.原型模式（Prototype）
5.單例模式（Singleton）
結構型：
1.配接器模式（Adapter）
2.橋接模式（Bridge）
3.組合模式（Compositor）
4.裝飾者模式（Decorator）
5.外觀模式（Facade）
6.享元模式（Flyweight）
7.代理模式（Proxy）
行為：
1.職責鏈模式（Chain of Responsibility）
2.命令模式（Command）
3.解釋器模式（Interpreter）
4.迭代器模式（Iterator）
5.中介者模式（Mediator）
6.備忘錄模式（Memento）
7.觀察者模式（Observer）
8.狀態模式（State）
9.策略模式（Strategy）
10.模板方法模式（Template Method）
11.訪問者模式（Visitor）
在開發中我們或許不會使用這些模式，也不需要掌握這么多模式，但是理解并掌握到使用這些模式是每一個開發者想提升自己的必經之路，獲取分享的JavaScript視頻教程里有實際專案詳細講解，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/2404.html
標籤：JavaScript