首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
JavaScript设计模式「基于ES2024」
GrontyLion
创建于2024-07-14
订阅专栏
基于ES2024,重新定义JavaScript中的设计模式。拒绝脏乱差的代码。
等 2 人订阅
共25篇文章
创建于2024-07-14
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
JavaScript设计模式「基于ES2024」:创建型模式-单例模式
在 ES2024 中,我们可以利用类(class)、私有字段和静态方法来实现一个更加优雅和安全的单例模式。 实现思路 静态私有字段 #instance: 用于存储单例实例,确保外部无法直接访问或修改。
JavaScript设计模式「基于ES2024」:创建型模式-工厂模式
工厂模式是另一个重要的创建型设计模式,它提供了一种将对象的创建与使用分离的方法。 实现思路 基类 Vehicle: 定义了所有车辆的通用属性和方法。 具体车辆类: Car、Motorcycle 和 T
JavaScript设计模式「基于ES2024」:创建型模式-抽象工厂模式
抽象工厂模式是一种更高级的创建型设计模式,它提供了一个接口来创建一系列相关或相互依赖的对象,而无需指定它们的具体类。 实现思路 抽象产品类 (Chair, Table, Sofa): 定义了每种家具的
JavaScript设计模式「基于ES2024」:创建型模式-建造者模式
建造者模式是一种创建型设计模式,使得我们可以分步骤创建复杂对象。这种模式特别适用于需要创建的对象有多个部分,或者创建过程涉及多个步骤的情况。 实现思路: 复杂对象 Computer: 该类代表我们要创
JavaScript设计模式「基于ES2024」:创建型模式-原型模式
原型模式是一种创建型设计模式,使我们可以轻松复制已有对象,而无需使代码依赖它们所属的类。这种模式在需要创建对象的精确副本或者当直接创建对象的代价比较大时特别有用。 PS:在javascript中实现原
JavaScript设计模式「基于ES2024」:结构型模式-适配器模式
适配器模式是一种结构型设计模式,它允许不兼容的接口之间进行协作。这种模式在集成新的或已存在的组件到现有系统时特别有用,特别是当这些组件的接口与系统期望的接口不匹配时。 实现思路 MediaPlayer
JavaScript设计模式「基于ES2024」:结构型模式-桥接模式
桥接模式是一种结构型设计模式,它将抽象部分与实现部分分离,使它们都可以独立地变化。这种模式对于处理跨平台应用、支持多种类型的数据库服务或处理不同类型的用户界面控件特别有用。 实现思路 DrawingA
JavaScript设计模式「基于ES2024」:结构型模式-组合模式
组合模式是一种结构型设计模式,它允许你将对象组合成树形结构来表现"部分-整体"的层次结构。这种模式使得客户端可以统一地对待单个对象和组合对象。 实现思路 FileSystemComponent 类:这
JavaScript设计模式「基于ES2024」:结构型模式-装饰器模式
装饰器模式是一种结构型设计模式,它允许你通过将对象放入包含行为的特殊封装对象中来为原对象动态地添加新的行为。这种模式在不修改现有代码的情况下,灵活地扩展对象的功能。 实现思路 Coffee 类:这是基
JavaScript设计模式「基于ES2024」:结构型模式-外观模式
外观模式是一种结构型设计模式,它为复杂的子系统提供了一个简化的接口。这种模式通过创建一个高层接口来隐藏系统的复杂性,使得客户端代码更容易使用和理解。 实现思路 子系统类: LightingSystem
JavaScript设计模式「基于ES2024」:结构型模式-享元模式
享元模式是一种结构型设计模式,它通过共享来有效地支持大量细粒度对象。这种模式通过共享来最小化内存使用或计算开销,特别适用于需要创建大量相似对象的场景。 实现思路 CharacterStyle 类(享元
JavaScript设计模式「基于ES2024」:结构型模式-代理模式
代理模式是一种结构型设计模式,它允许你提供一个替代品或占位符来控制对原始对象的访问。这种模式通过创建一个代表原始对象的代理对象,可以在不改变原始对象代码的情况下,添加新的功能或控制对象的访问。 实现思
JavaScript设计模式「基于ES2024」:行为型模式-观察者模式
观察者模式是一种行为设计模式,它定义了一种一对多的依赖关系,让多个观察者对象同时监听某一个主题对象。这个主题对象在状态发生变化时,会通知所有观察者对象,使它们能够自动更新自己。 实现思路 Observ
JavaScript设计模式「基于ES2024」:行为型模式-状态模式
状态模式是一种行为设计模式,它允许一个对象在其内部状态改变时改变它的行为。这种模式将状态-specific行为封装在独立的类中,并将动作委托给当前状态对象,从而消除了许多条件语句。 实现思路 Vend
JavaScript设计模式「基于ES2024」:行为型模式-策略模式
策略模式是一种行为设计模式,它定义了算法家族,分别封装起来,让它们之间可以互相替换。这种模式让算法的变化独立于使用算法的客户端。 实现思路 PaymentStrategy 接口:定义了所有具体支付策略
JavaScript设计模式「基于ES2024」:行为型模式-模板方法模式
模板方法模式是一种行为设计模式,它在一个方法中定义一个算法的骨架,而将一些步骤延迟到子类中实现。模板方法使得子类可以在不改变算法结构的情况下,重新定义算法中的某些步骤。 实现思路 DataMiner
JavaScript设计模式「基于ES2024」:行为型模式-命令模式
命令模式是一种行为设计模式,它将一个请求封装成一个对象,从而使你可以用不同的请求对客户进行参数化,对请求排队或记录请求日志,以及支持可撤销的操作。 实现思路 Command 接口:定义了所有具体命令必
JavaScript设计模式「基于ES2024」:行为型模式-迭代器模式
迭代器模式是一种行为设计模式,它提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示。这种模式在 JavaScript 中尤为重要,因为它是语言内置的一个概念,广泛用于处理各种
JavaScript设计模式「基于ES2024」:行为型模式-中介者模式
中介者模式是一种行为设计模式,它用一个中介对象来封装一系列对象之间的交互。中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。 实现思路 ChatRoomMedia
JavaScript设计模式「基于ES2024」:行为型模式-备忘录模式
备忘录模式是一种行为设计模式,它允许在不破坏封装的情况下捕获和恢复对象的内部状态。这种模式在需要实现撤销/重做功能,或者需要保存对象状态快照的场景中特别有用。 实现思路 TextEditorMemen
下一页