js设计模式
文章平均质量分 79
js设计模式,帮助有一定基础的同学串联知识,形成体系
smallluan
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS设计模式(5): 发布订阅模式
发布订阅模式(Publish/Subscribe Pattern)是一种消息范式,发布者(Publisher)不会将消息直接发送给特定的订阅者(Subscriber),而是将发布的消息分为不同的类别,无需了解哪些订阅者(如果有的话)可能存在。同样的,订阅者可以表达对一个或多个类别的兴趣,只接收感兴趣的消息,无需了解哪些发布者(如果有的话)存在。这种模式实现了发布者和订阅者之间的解耦,使得它们可以独立变化而互不影响。原创 2025-06-08 10:09:38 · 1219 阅读 · 0 评论 -
JS设计模式(4):观察者模式
本文介绍了JavaScript中的观察者模式,这是一种用于实现对象间一对多依赖关系的行为型设计模式。文章通过电商、新闻订阅等场景说明了该模式的应用价值,详细解析了观察者模式的两个核心角色(被观察者和观察者)及其实现原理。代码示例展示了如何利用Proxy代理对象实现属性变化监听和自动通知机制,并通过对比表格突出了观察者模式在耦合性、扩展性等方面的优势。最后列举了该模式在状态监控、消息订阅等场景的广泛应用,帮助开发者构建低耦合、高扩展性的代码架构。原创 2025-06-06 21:45:43 · 1096 阅读 · 0 评论 -
JS设计模式(3):装饰器模式
本文介绍了装饰器模式(Decorator Pattern)及其应用场景。该模式通过在运行时动态"包裹"目标对象,实现非侵入式的功能扩展,解决了核心逻辑与非核心功能(如错误处理、权限校验)紧耦合的问题。文章通过两个实际案例展示了装饰器模式的实现方式:使用闭包包装原函数,在调用前后添加额外逻辑。相比继承,装饰器模式具有动态扩展、灵活组合和非侵入性等优势,特别适合需要功能插拔和灵活扩展的场景。关键点包括保持接口一致性、避免修改原对象代码以及通过组合多个装饰器实现功能叠加。原创 2025-05-28 19:01:42 · 646 阅读 · 0 评论 -
JS设计模式(2):构造器模式与原型模式
本文介绍了JavaScript中构造器模式和原型模式的应用。通过飞行射击游戏敌机对象创建案例,展示了构造器函数如何批量生成对象实例并解决代码冗余问题。同时指出在构造函数内定义方法会导致内存浪费,进而引入原型模式,将公共方法挂载到原型对象实现共享。最后对比了ES6的class语法,说明其本质是构造器+原型链的语法糖。文章帮助开发者理解对象创建的性能优化思路,为面向对象编程打下基础。原创 2025-05-27 12:33:06 · 658 阅读 · 0 评论 -
JS 设计模式(1):初识设计模式
设计模式是软件开发中的"思维包",封装了经过验证的设计思路而非具体代码,主要分为创建类、结构类和行为类三大类。文章通过建筑类比说明设计模式的重要性,指出没有统一设计会导致代码耦合和难以维护。同时强调要避免过度设计,简单系统使用复杂模式反而会增加复杂度。判断标准是代码是否更难理解和维护成本是否升高,设计模式本质是解决问题的工具而非炫技手段。后续文章将首先讲解创建类设计模式。原创 2025-05-26 22:46:14 · 665 阅读 · 0 评论
分享