设计模式
文章平均质量分 92
基于JavaScript的前端设计模式,部分使用了typescript。
一尾流莺_
不取于相,如如不动
展开
-
【设计模式】我这样学习设计模式-发布订阅者模式
发布-订阅者模式 虽然你可能还不熟悉 发布-订阅者 模式,但你肯定已经用过它了。因为 发布-订阅者 模式在前端领域可谓是无处不在。 为什么这么说呢,因为 EventTarget.addEventListener() 就是一个 发布-订阅者 模式。先卖个关子,看完本文你就能理解了。 定义 发布-订阅者模式其实是一种对象间 一对多 的依赖关系(利用消息队列)。当一个对象的状态(state)发生改变时,所有依赖于它的对象都得到状态改变的通知。 订阅者(Subscriber)把自己想订阅的事件注册(Subscrib原创 2021-08-27 17:33:15 · 253 阅读 · 0 评论 -
【设计模式】学习JS设计模式?先掌握面向对象!
设计模式 今天开始初学设计模式,在此记录以便日后复习。 什么是设计模式 一个模式就是一个可重用的方案,可应用于在软件设计中的常见问题,另一种解释就是一个我们如何解决问题的模板 - 那些可以在许多不同的情况里使用的模板。 –w3cschool 我为什么要学习设计模式 高级工程师面试必考知识点 写出更好的代码,设计模式是必经之路 掌握设计模式更容易阅读流行框架源码 想要成为项目负责人,从零架构工程,设计模式是基石 没事装个逼 … 我学习设计模式的四个阶段 巩固面向对象相关知识,es6 class语法,封装原创 2021-07-20 18:19:06 · 84 阅读 · 0 评论 -
【设计模式】前端这样学习设计模式-工厂模式
工厂模式 工厂模式是用来创建对象的一种最常用的设计模式。根据抽象程度的不同可以分为:简单工厂模式,工厂方法模式 和 抽象工厂模式。 简单工厂模式 定义 简单工厂模式,又称为静态工厂方法模式。由一个工厂对象决定创建出哪一种产品类的实例。 类图 我决定不干前端了,回家开了个星巴克咖啡厅,顾客到我的咖啡厅点一杯咖啡,告诉我需要哪种咖啡,我来根据顾客的决定创建咖啡。由于是小本生意,全部由我亲力亲为。 咖啡类:Coffee 子类:美式咖啡(AmericanCoffee)、拿铁咖啡(LatteCoffee)、卡布奇诺原创 2021-07-20 18:20:50 · 178 阅读 · 0 评论 -
【设计模式】前端这样学习设计模式-单例模式
定义 限制类实例化次数只能一次,一个类只有一个实例,并提供一个访问它的全局访问点。适用于单一对象,只生成一个对象实例,避免频繁创建和销毁实例,减少内存占用。不适用动态扩展对象,或需创建多个相似对象的场景。 原理 使用一个变量存储类实例对象,初始值为 null或者undefined 。进行类实例化时,首先判断类实例对象是否存在,存在则返回该实例,不存在则创建类实例后返回。无论调用多少次类生成实例方法,返回的都是同一个实例对象。 类图 简单单例模式 一个类可以创建多个实例,并且每个实例之间都不相等 class原创 2021-07-21 08:27:47 · 118 阅读 · 0 评论