丁鹿学堂：重学js的设计模式，彻底掌握（一）
admin
2024-02-01 22:31:26
0次
前端设计模式的使用
前端为什么也要学习设计模式呢？
第一，通过一些设计模式，可以帮我们更好的组织模块间的组成结构。
第二，有些设计模式，可以我们更好的处理模块之间的数据沟通。
第三，通过设计模式，可以提高我们的代码质量，让代码更优雅。
设计原则
设计模式其实就是设计原则的一些具体体现而已，是一种实现了设计原则的套路。
我们了解一下设计原则对我们学习和掌握设计模式很有帮助。
开闭原则：我们的程序要对扩展开放，对修改关闭。程序要给出具体使用的时候扩展功能的接口，但是在具体使用的时候，不允许修改我们模块具体的源码。
像vue，react他们都留出了很多扩展接口，
单一职责原则这个原则就是说我们的模块只做一件事情。
依赖倒置原则我们的上层模块不应该依赖具体的下层模块，而应该依赖于抽象。举个最简单的例子，你吃饭会选择去哪个餐馆吃，而不会选择西红柿吃，或者鸡蛋吃。
具体说就是上层的接口不会被下层的接口影响到。常用的做法就是在上层和下层接口之间加一个抽象层。如果下层接口有变动，只需要修改抽象层。
function food1(){}
function food2(){}
function food3(){}
// 抽象层，针对不同的食物创建不同的实例
function createFood(food){let list = {food1:new food1(),food2:new food2(),food3:new food3()}return list[food]
}
// 上层接口
function order(food){return createFood(food)
}
接口隔离原则就是接口应该细化，功能应该单一。不要一个接口调用太多的方法。
最少知识原则我们如果让两个对象之间去沟通，那么要让两个对象之间互相知道的内容越少越好。
里氏替换原则这个原则更关注于继承。其实就是任何使用父类的地方，都可以使用子类去替换。
其实就是说子类去继承父类的时候，一定要完全继承父类所有的属性。
总结：
这六大设计原则，完全可以作为我们写代码和开发过程中的指导原则。如果能了解熟悉这六大设计原则，在学习设计模式的时候，也更能体会到不同设计模式的产生原因和解决什么问题。
相关内容
热门资讯
AI驱动存储芯片结构性短缺，C...
今日（1.21），芯片板块高歌猛进，全市场费率最低档的芯片50ETF（516920）放量大涨超4%，...
原创 5...
身边很多朋友过了五十岁都开始关心体重这事情，有人说着千金难买老来瘦，也有人担心太瘦了没力气。今天，木...
软件板块强势拉升！久其、浙文互...
1月21日，A股AI应用概念股延续强势回升态势，久其软件（002279.SZ）、浙文互联（60098...
和讯投顾鲁鹏：4100守得住吗...
震荡十字星，明天周三要跑了吗？和讯投顾鲁鹏分析，昨天一根反包小阳线，大家都以为这波反弹行情稳了，市场...
观察｜去年深圳8家银行密集“换...
深圳“十五五”规划锚定了全球“产业金融中心”的蓝图坐标，对本地金融业尤其银行机构的“角色扮演”提出更...
688041，成交额A股第一
今日早盘，A股市场震荡走强，有色金属与泛科技主线领涨，带动主要股指集体飘红。截至午间休市，上证指数报...
德风科技冲刺港股IPO：聚焦A...
北京德风新征程科技股份有限公司（以下简称“德风科技”）正式向港交所提交招股书，计划在香港进行首次公开...
首份上市城商行2025年业绩快...
A股上市银行中首份城商行业绩快报出炉！ 1月20日晚间，宁波银行（002142.SZ）发布2025年...
股市大涨旗下基金仍亏32%，长...
文|天峰 来源|财富独角兽 2026年开年以来，A股市场呈现出强劲的上涨势头，主要指数都录得了显著...
原创 电...
2026年1月20日，今年的淘天集团商家服务大会如期举行，来自全国各地的一千多个淘宝、天猫店铺的相关...
固德电材IPO:出售固德德阳、...
《电鳗财经》电鳗号/文 2026年1月8日，证监会官网显示，固德电材系统(苏州)股份有限公司(简...
现货黄金首破4840美元！国内...
来源：中新经纬APP 21日早盘，现货黄金站上4840美元/盎司，续刷新高。 截至发稿，伦敦金现涨1...
跟着门店扩张来炒股！公募布局思...
春节临近，门店扩张逻辑驱动线下消费板块迎来估值修复，公募基金重仓的连锁消费龙头股价表现亮眼。 因景气...
东易日盛陈辉：还款日，才真正打...
乐居财经 李兰1月20日，东易日盛于北京举办“穿越·共生”老友茶叙，这是公司司法重整计划执行完毕后的...
知名大V被罚超8300万元！雪...
1月19日，浙江证监局发布行政处罚决定书，对雪球大V金永荣操纵证券市场行为作出处罚。 金永荣因通过“...
2370万！全民拯救李亚鹏背后...
*此图由AI生成 作者| 史大郎&猫哥 来源| 是史大郎&大猫财经Pro “嫣然天使儿童医院也许会...
高新技术企业“摘帽”的警示（纵...
余明辉 据不完全统计，2025年，超4300家企业被剔除出高新技术企业行列。仅2025年12月，北京...
港股异动丨TCL电子飙升超16...
TCL电子(1070.HK)盘中一度大涨超16%，报12.67港元，股价创2004年9月以来新高。消...
2026全球纳豆激酶行业白皮书...
前言：在全球心脑血管疾病防控需求升级及“非药物干预”理念普及背景下，纳豆激酶作为源自传统发酵食品的天...
微软CEO纳德拉：能源成本成人...
【环球网科技综合报道】1月21日消息，据CNBC报道，在近日举行的世界经济论坛（WEF）上，微软首席...