> For the complete documentation index, see [llms.txt](https://onenesss-organization.gitbook.io/jj-xiaoce/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian.md).

# JavaScript 设计模式核心原理与应用实践

- [01. 开篇：前端工程师的成长论](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/01.-kai-pian-qian-duan-gong-cheng-shi-de-cheng-zhang-lun.md)
- [02. 设计模式的“道”与“术”](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/02.-she-ji-mo-shi-de-dao-yu-shu.md)
- [03. 创建型：工厂模式·简单工厂——区分“变与不变”](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/03.-chuang-jian-xing-gong-chang-mo-shi-jian-dan-gong-chang-qu-fen-bian-yu-bu-bian.md)
- [04. 创建型：工厂模式·抽象工厂——理解“开放封闭”](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/04.-chuang-jian-xing-gong-chang-mo-shi-chou-xiang-gong-chang-li-jie-kai-fang-feng-bi.md)
- [05. 创建型：单例模式——Vuex的数据管理哲学](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/05.-chuang-jian-xing-dan-li-mo-shi-vuex-de-shu-ju-guan-li-zhe-xue.md)
- [06. 创建型：单例模式——面试真题手把手教学](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/06.-chuang-jian-xing-dan-li-mo-shi-mian-shi-zhen-ti-shou-ba-shou-jiao-xue.md)
- [07. 创建型：原型模式——谈Prototype无小事](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/07.-chuang-jian-xing-yuan-xing-mo-shi-tan-prototype-wu-xiao-shi.md)
- [08. 结构型：装饰器模式——对象装上它，就像开了挂](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/08.-jie-gou-xing-zhuang-shi-qi-mo-shi-dui-xiang-zhuang-shang-ta-jiu-xiang-kai-le-gua.md)
- [09. 结构型：装饰器模式——深入装饰器原理与优秀案例](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/09.-jie-gou-xing-zhuang-shi-qi-mo-shi-shen-ru-zhuang-shi-qi-yuan-li-yu-you-xiu-an-li.md)
- [10. 结构型：适配器模式——兼容代码就是一把梭](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/10.-jie-gou-xing-shi-pei-qi-mo-shi-jian-rong-dai-ma-jiu-shi-yi-ba-suo.md)
- [11. 结构型：代理模式——一家小型婚介所的发家致富之路](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/11.-jie-gou-xing-dai-li-mo-shi-yi-jia-xiao-xing-hun-jie-suo-de-fa-jia-zhi-fu-zhi-lu.md)
- [12. 结构型：代理模式——应用实践范例解析](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/12.-jie-gou-xing-dai-li-mo-shi-ying-yong-shi-jian-fan-li-jie-xi.md)
- [13. 行为型：策略模式——重构小能手，拆分“胖逻辑”](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/13.-xing-wei-xing-ce-le-mo-shi-zhong-gou-xiao-neng-shou-chai-fen-pang-luo-ji.md)
- [14. 行为型：状态模式——自助咖啡机背后的力量](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/14.-xing-wei-xing-zhuang-tai-mo-shi-zi-zhu-ka-fei-ji-bei-hou-de-li-liang.md)
- [15. 行为型：观察者模式——鬼故事：产品经理拉了一个钉钉群](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/15.-xing-wei-xing-guan-cha-zhe-mo-shi-gui-gu-shi-chan-pin-jing-li-la-le-yi-ge-ding-ding-qun.md)
- [16. 行为型：观察者模式——面试真题手把手教学](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/16.-xing-wei-xing-guan-cha-zhe-mo-shi-mian-shi-zhen-ti-shou-ba-shou-jiao-xue.md)
- [17. 行为型：迭代器模式——真·遍历专家](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/17.-xing-wei-xing-die-dai-qi-mo-shi-zhen-bian-li-zhuan-jia.md)
- [18. 前方的路](https://onenesss-organization.gitbook.io/jj-xiaoce/javascript-she-ji-mo-shi-he-xin-yuan-li-yu-ying-yong-shi-jian/18.-qian-fang-de-lu.md)