《JavaScript设计模式》——导读

简介: JavaScript设计模式 设计模式是解决软件设计中常见问题的可复用方案。探索任何编程语言时,设计模式都是一个令人兴奋和极具吸引力的话题。

screenshot

前言
JavaScript设计模式
设计模式是解决软件设计中常见问题的可复用方案。探索任何编程语言时,设计模式都是一个令人兴奋和极具吸引力的话题。

原因之一是:设计模式是许多先前开发人员总结出的经验,我们可以借鉴这些经验进行编程,以确保能够以优化的方式组织代码,为我们解决棘手的问题提供参考。

设计模式还是我们用来描述解决方案的常用词汇。当我们想要向其他人表述一种以代码形式构建解决方案的方式时,描述设计模式比描述语法和语义要简单得多。

在本书中,我们将探讨JavaScript编程语言中经典的与现代的设计模式的应用。

第1章 介绍
第2章 什么是模式
第3章 模式状态测试、Proto模式及三法则
第4章 设计模式的结构
第5章 编写设计模式
第6章 反模式
第7章 设计模式类别
第8章 设计模式分类
[第9章 JavaScript设计模式
9.1 Constructor(构造器)模式 ](https://yq.aliyun.com/articles/91449)
9.2 Module(模块)模式
9.3 Revealing Module(揭示模块)模式
9.4 Singleton(单例)模式
9.5 Observer(观察者)模式
9.6 Mediator(中介者)模式
9.7 Prototype(原型)模式
9.8 Command(命令)模式
9.9 Facade(外观)模式
9.10 Factory(工厂)模式
9.11 Mixin模式
9.12 Decorator(装饰者)模式
9.13 Flyweight(享元)模式
第10章 JavaScript MV*模式
第11章 模块化的JavaScript设计模式
第12章 jQuery中的设计模式
第13章 jQuery插件设计模式
第14章 总结
附录 参考文献

相关文章
|
设计模式 JavaScript 前端开发
js设计模式【详解】—— 职责链模式
js设计模式【详解】—— 职责链模式
211 8
|
设计模式 JavaScript 前端开发
js设计模式【详解】—— 组合模式
js设计模式【详解】—— 组合模式
244 7
|
设计模式 JavaScript 前端开发
JavaScript设计模式--访问者模式
【10月更文挑战第1天】
331 124
|
设计模式 JavaScript 算法
浅谈几种js设计模式
设计模式是软件开发中的宝贵工具,能够提高代码的可维护性和扩展性。通过单例模式、工厂模式、观察者模式和策略模式,我们可以解决不同场景下的实际问题,编写更加优雅和高效的代码。
377 8
|
设计模式 前端开发 JavaScript
JavaScript设计模式及其在实战中的应用,涵盖单例、工厂、观察者、装饰器和策略模式
本文深入探讨了JavaScript设计模式及其在实战中的应用,涵盖单例、工厂、观察者、装饰器和策略模式,结合电商网站案例,展示了设计模式如何提升代码的可维护性、扩展性和可读性,强调了其在前端开发中的重要性。
239 2
|
设计模式 JavaScript 前端开发
从工厂到单例再到策略:Vue.js高效应用JavaScript设计模式
【8月更文挑战第30天】在现代Web开发中,结合使用JavaScript设计模式与框架如Vue.js能显著提升代码质量和项目的可维护性。本文探讨了常见JavaScript设计模式及其在Vue.js中的应用。通过具体示例介绍了工厂模式、单例模式和策略模式的应用场景及其实现方法。例如,工厂模式通过`NavFactory`根据用户角色动态创建不同的导航栏组件;单例模式则通过全局事件总线`eventBus`实现跨组件通信;策略模式用于处理不同的表单验证规则。这些设计模式的应用不仅提高了代码的复用性和灵活性,还增强了Vue应用的整体质量。
383 1
|
设计模式 JavaScript 前端开发
小白请看 JS大项目宝典:设计模式 教你如何追到心仪的女神
小白请看 JS大项目宝典:设计模式 教你如何追到心仪的女神
|
设计模式 JavaScript Go
js设计模式【详解】—— 状态模式
js设计模式【详解】—— 状态模式
344 7
|
设计模式 JavaScript
js设计模式【详解】—— 桥接模式
js设计模式【详解】—— 桥接模式
223 6
|
设计模式 JavaScript
js设计模式【详解】—— 原型模式
js设计模式【详解】—— 原型模式
199 6