前端的设计模式系列-基本原则

在完成对二十三个经典设计模式的讲解后,我们再来回顾一下一些基本原则,以便在日常开发中更好地理解和应用这些概念。

单一职责原则(SRP,Single Responsibility Principle)定义:一个类或模块应该有且仅有一个改变的原因。在 JavaScript 中,这更多地应用于对象和函数。

最具挑战性的是根据具体场景对单一职责的判断。将一个模块拆分得过于细致并不总是好的,因此我们需要在便利性和稳定性之间找到平衡。

之前讲到的代理模式和装饰器模式都体现了这一原则。

开闭原则(OCP,open-closed principle)定义:软件实体如类、模块和函数应该对扩展开放,对修改关闭。模块应尽量在不修改原有代码的情况下进行扩展。

立即学习“前端免费学习笔记(深入)”;

在日常开发中,我们需要将变化的部分和不变的部分分离出来。在设计结构时,尽可能考虑未来可能变化的部分。

可以通过放置钩子(hook)或使用回调函数的方式来实现扩展。

之前讲到的发布订阅模式、模板方法模式、策略模式和职责链模式都体现了这一原则。

里氏替换原则(LSP,Liskov substitution principle)定义:所有引用基类的地方必须能够透明地使用其子类的对象。简单来说,任何基类可以出现的地方,子类也一定可以出现。

举个例子,如果某个地方可以使用 A 类,B 类继承自 A 类,那么这个地方也一定可以使用 B 类。

这一原则告诉我们在继承类时,如果要实现新功能,不要覆盖父类已实现的方法,而应编写新方法。

在前端开发中,很少编写类和继承,所以这一原则的应用较少。

接口隔离原则(ISP,Interface Segregation Principle)定义:客户端不应依赖它不需要的接口,类间的依赖关系应建立在最小的接口上。简单来说,就是要建立单一的接口,不要建立臃肿庞大的接口。也就是说,接口应尽量细化,同时接口中的方法应尽量少。

举个例子,如果 A 接口有 5 个方法,B 类实现 A 接口,但 B 类只用到其中的 3 个方法,此时可以考虑将 A 接口拆分。

在 JavaScript 中没有接口,因此这一原则不适用。

依赖倒转原则(DIP,Dependency Inversion Principle)定义:程序应依赖于抽象接口,而非具体实现。简单来说,就是要对抽象进行编程,而不是对实现进行编程,这样可以降低客户与实现模块之间的耦合。

这实际上就是常说的面向接口(或基类)编程。

但在 JavaScript 中没有接口和抽象类,因此这一原则的应用较少。

以上五个原则就是经常提到的 SOLID 原则。除了这些,还有其他几个原则。

最小知道原则(LOD,principle of least knowledge)定义:一个软件实体应尽可能少地与其他实体发生相互作用。每个软件单位对其他单位的了解应尽可能少,且仅限于与本单位密切相关的软件单位。

在前端中,实体更多地对应于对象和函数,门面模式可以看作是这一原则的应用。

最小知道原则又称为迪米特法则(LOD,Law of Demeter)。迪米特是宙斯(Zeus)的姐姐,名字的由来可以参考维基百科的解释:

The Greek goddess of Agriculture. The Demeter project was named after Demeter because we were working on a hardware description language Zeus and we were looking for a tool to simplify the implementation of Zeus. We were looking for a tool name related to Zeus and we chose a sister of Zeus: Demeter.

Later we promoted the idea that Demeter-style software development is about growing software as opposed to building software. We introduced the concept of a growth plan which is basically a sequence of more and more complex UML class diagrams.

Growth plans are useful for building systems incrementally.

大意是当时使用了一种名为 Zeus 的硬件语言,然后找到了一种优化 Zeus 的工具。为了建立联系,就选择了 Demeter 这个名字。

前端的设计模式系列-基本原则

此外,引用「JavaScript 设计开发与实现」书中关于两个名字之间的建议:

合成/聚合复用原则(CARP,Composite/Aggregate Reuse Principle)定义:尽量使用合成/聚合,而不是通过继承来实现复用。

KISS 原则定义:Keep It Simple, Stupid,在设计中应注重简约的原则。

YAGNI 原则定义:You aren’t gonna need it,表示暂时不需要的就不要做。

DRY 原则定义:Don’t Repeat Yourself,不要写重复的代码。

所有这些原则只是帮助我们编写易维护、易扩展的代码,不能为了实现而实现,进行过度设计。

如果某些代码未来完全不需要更改,那就用最简单的方式实现即可。当第二次、第三次修改时再进行重构也不迟。

设计模式和基本原则的应用必须结合具体场景,空谈没有任何意义。

我们只需要先了解这些原则,然后在日常开发中慢慢体会和应用。

以上就是前端的设计模式系列-基本原则的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/28447.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小岛秀夫谍报新作《Physint》公布视觉图与主演阵容
上一篇 2025年11月3日 06:43:13
在Hibernate中实现非关联实体间的ID引用与高效查询
下一篇 2025年11月3日 06:45:15

相关推荐

  • 如何实现自定义注解参数的动态配置

    自定义注解的参数值必须是编译时常量,因此无法直接通过`application.properties`等配置文件在运行时动态注入。然而,可以通过结合Spring AOP、Spring的环境抽象或条件注解等替代方案,间接实现基于配置属性的动态行为控制,从而达到类似注解参数动态化的效果。 理解注解参数的限…

    2026年9月8日
    000
  • 如何在Linux命令行中监控日志文件变化?

    使用 tail -f 实时监控日志,推荐 tail -F 应对日志轮转,结合 grep 过滤关键字,less 中按 F 可动态追踪。 在Linux命令行中实时监控日志文件变化,最常用的方法是使用 tail 命令结合 -f 选项。这个组合能让你持续查看文件新增的内容,非常适合观察正在被写入的日志。 使…

    2026年9月8日
    100
  • 什么是mysql数据库及其基本概念

    MySQL是开源关系型数据库,基于SQL操作,用于Web开发;包含数据库、表、行、列等基本概念,支持主键唯一标识和外键关联表,常用SQL语句包括SELECT、INSERT、UPDATE、DELETE,广泛应用于电商、博客等需数据持久化与一致性的场景。 MySQL 是一种广泛使用的关系型数据库管理系统…

    2026年9月8日
    000
  • 淘宝88会员开通方法是什么?会员的好处是什么呢?淘宝88会员开通方法及会员权益全解析!

    淘宝88会员作为阿里巴巴生态中的顶级权益卡,凭借其运费券、专享折扣、跨界联名会员等多项高性价比服务,已成长为数千万网购用户的省钱必备工具。本文将全面解读开通条件、会员等级区别以及核心福利,帮助您轻松玩转淘系会员系统。 一、如何开通淘宝88会员?详细操作指南 1. 会员层级与收费标准 淘宝目前设有两类…

    2026年9月8日
    000
  • laravel如何使用模型工厂(Factory)和数据填充(Seeder)_Laravel模型工厂与Seeder使用方法

    模型工厂用于定义Eloquent模型的默认属性以生成测试数据,Laravel使用faker生成虚假信息。从Laravel 8起,工厂采用PHP类形式,通过php artisan make:factory UserFactory –model=User创建工厂,并在database/fac…

    2026年9月8日
    000
  • Claude 4.5 刚刚发布,能连肝 30 多个小时,史上最卷 AI 诞生

    Claude 4.5 刚刚发布,能连肝 30 多个小时,史上最卷 AI 诞生Claude 4.5 刚刚发布,能连肝 30 多个小时,史上最卷 AI 诞生Claude 4.5 刚刚发布,能连肝 30 多个小时,史上最卷 AI 诞生Claude 4.5 刚刚发布,能连肝 30 多个小时,史上最卷 AI 诞生

    论编程能力的极致内卷,还得看 Anthropic 的 Claude。 就在今天,Anthropic 正式推出全新升级版模型——Claude Sonnet 4.5。 先看硬核表现:在衡量真实编码实力的 SWE-bench Verified 测试中,Claude Sonnet 4.5 一举登顶榜首,成为…

    2026年9月8日 用户投稿
    100
  • 精通VSCode机器学习开发环境搭建方案

    使用 conda 创建隔离环境并安装核心库,2. 配置 Python、Jupyter、Pylance 等插件提升开发效率,3. 通过 .py 文件分段执行实现交互式开发,4. 结合调试工具与代码质量检查优化流程。 想高效开展机器学习开发,VSCode 配合合适的插件和工具链是极佳选择。它轻量、响应快…

    2026年9月8日
    000
  • mac怎么连接两副AirPods_Mac连接两副AirPods方法

    可通过音频MIDI设置创建多输出设备实现Mac上两副AirPods同时播放,或使用控制中心切换输出,亦可借助iPhone音频共享功能间接完成双耳机监听。 如果您尝试在Mac上同时连接两副AirPods以实现共享音频或双人监听,系统本身不直接支持同时向两个蓝牙耳机输出音频。但可以通过特定设置或辅助功能…

    2026年9月8日
    000
  • Linux如何设置访问控制列表_Linux访问控制列表的配置方法

    Linux ACL可突破传统权限限制,通过setfacl和getfacl为特定用户或组设置精细权限,需确保文件系统挂载时启用acl选项,并安装acl工具包,支持递归设置与规则清除,提升多用户环境下的安全与协作灵活性。 Linux访问控制列表(ACL)可以对文件和目录实现更精细的权限管理,突破传统用户…

    2026年9月8日
    000
  • 如何在Linux中查看磁盘分区信息?

    在Linux中查看磁盘分区信息有多种方法,常用命令可以快速获取磁盘使用情况、分区结构和设备挂载状态。以下是几种实用且广泛支持的方式。 使用 lsblk 查看块设备信息 lsblk 命令用于列出所有可用的块设备(如硬盘、U盘)及其分区结构,输出清晰易读。 常见用法:lsblk:显示所有磁盘和分区的树状…

    2026年9月8日
    100
  • AIGC免费查重入口 知网检测官网链接直达

    知网AIGC检测未对个人开放,仅限机构使用,个人可通过学校资源或第三方平台如PaperPass、paperYY等进行自查,避免使用非正规渠道以防隐私泄露。 ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜ 知网目前没有提供免费的AIGC查重服务…

    2026年9月8日
    000
  • 外设驱动软件的功能性是否足以改变用户体验?

    选择合适的外设驱动软件需根据使用需求、兼容性、稳定性和易用性综合判断,游戏玩家关注宏命令与DPI调节,设计师侧重色彩校准与快捷键,更新后性能下降可回滚驱动或联系厂商,自定义功能广泛应用于游戏、设计、灯光同步及无障碍操作,显著提升用户体验。 是的,外设驱动软件的功能性在很大程度上可以改变用户体验,从细…

    2026年9月8日
    000
  • mac怎么安装Xcode命令行工具_Mac安装Xcode命令行工具方法

    首先通过终端执行xcode-select –install命令可自动安装Xcode命令行工具,若失败则登录Apple开发者官网手动下载对应版本的Command Line Tools安装包,或通过App Store安装完整Xcode后启用内置工具,确保开发环境正常配置。 如果您在使用mac…

    2026年9月8日
    000
  • 谷歌浏览器网页版登录入口 Google Chrome官网地址

    谷歌浏览器网页版登录入口位于Google官网https://www.google.cn,用户可通过该地址访问高效搜索、跨设备同步、安全防护等核心功能,并享受极简界面与个性化设置服务。 谷歌浏览器网页版登录入口在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来Google Chrome官网地址…

    2026年9月8日
    100
  • Linux命令行中nohup命令的使用技巧

    nohup命令可使进程在终端退出后继续运行,通过忽略SIGHUP信号实现;基本用法为nohup command &,默认输出日志至nohup.out;可通过> output.log 2>&1 &自定义日志路径;无需日志时可重定向至/dev/null;配合ps、gr…

    2026年9月8日
    000
  • win11怎么创建来宾账户_Win11来宾账户创建方法

    首先通过命令提示符、计算机管理或本地组策略编辑器激活Guest账户,可创建Visitor等自定义账户并加入Guests组以限制权限,确保访客无法访问个人文件。 如果您需要为访客提供临时的电脑使用权限,同时限制其对个人文件的访问,可以在Windows 11中创建来宾账户。以下是几种有效的创建方法。 本…

    2026年9月8日
    000
  • win10怎么分区硬盘_Win10磁盘分区管理与操作指南

    首先使用Windows 10自带磁盘管理工具压缩卷释放未分配空间,再通过新建简单卷创建分区;或使用DiskPart命令行工具选择磁盘、创建主分区并格式化;也可借助EaseUS等第三方软件实现更灵活的无损分区操作。 如果您希望对Windows 10的硬盘进行重新规划,以更好地管理文件或安装软件,但不确…

    2026年9月8日
    000
  • MySQL备份与还原脚本流程_Sublime中执行导出导入命令行自动化

    MySQL备份与还原脚本流程_Sublime中执行导出导入命令行自动化MySQL备份与还原脚本流程_Sublime中执行导出导入命令行自动化MySQL备份与还原脚本流程_Sublime中执行导出导入命令行自动化MySQL备份与还原脚本流程_Sublime中执行导出导入命令行自动化

    通过编写shell脚本并配置sublime text的build system,可实现mysql备份与还原的一键自动化操作。具体步骤为:1. 创建backup_mysql.sh和restore_mysql.sh脚本,分别用于数据库备份和还原,并配置相关参数及路径;2. 在sublime中新建buil…

    2026年9月8日 用户投稿
    000
  • phpstorm配置php环境的版本兼容性说明

    答案:PhpStorm支持PHP 5.4至8.3+版本,需正确配置PHP解释器路径和语言级别以确保语法检查、代码提示等功能正常工作;不同项目可设置独立解释器,建议使用较新PhpStorm版本并匹配对应PHP语言级别,避免因版本不兼容导致功能异常。 PhpStorm 是一个功能强大的 PHP 集成开发…

    2026年9月8日
    100
  • Swoole中SwooleProcessPool有什么用

    Swoole中SwooleProcessPool有什么用Swoole中SwooleProcessPool有什么用Swoole中SwooleProcessPool有什么用Swoole中SwooleProcessPool有什么用

    SwooleProcessPool 用于集中管理子进程,方便PHP中创建多进程并发处理任务,适用于非协程或多线程场景。 SwooleProcessPool 是 Swoole 提供的一个用于管理多个子进程的工具类,它的主要作用是方便开发者在 PHP 中创建和管理一组工作进程,适用于需要并发处理任务但又…

    2026年9月8日 用户投稿
    200

发表回复

登录后才能评论
关注微信