前端开发设计模式——单例模式

devtools/2024/10/9 4:23:54/

目录

一、单例模式的定义和特点:

        1.定义:

        2.特点:

二、单例模式的实现方式:

        1.立即执行函数结合闭包实现:

        2.ES6类实现:

三、单例模式的应用场景

        1.全局状态管理:

        2.日志记录器:

        3.数据库连接:

四、单例模式的优点

        1.减少资源消耗:

        2.全局访问:

        3.易于管理:

五、单例模式的缺点

        1.测试困难:

        2.违法单一职责原则:

        3.可能导致内存泄漏:

六、单例模式的注意事项

        1.线程安全:

        2.延迟加载:

        3.可扩展性:


        在前端开发中,单例模式是一种常用的设计模式,它确保一个类只有一个实例,并提供一个全局访问点。以下是对单例模式的深入讲解:

一、单例模式的定义和特点:

        1.定义:

                单例模式是一种创建型设计模式,它保证一个类只有一个示例,并提供一个访问它的全局访问点。

        2.特点:

                唯一性:单例模式只有一个实例,无论在程序的任何地方访问这个类,都将得到同一个实例。

                全局访问:提供了一种全局访问该实例的方式,使得在整个程序中都可以方便地使用这个唯一的实例。

二、单例模式的实现方式:

        1.立即执行函数结合闭包实现:

                在 JavaScript 中,可以使用立即执行函数(Immediately Invoked Function Expression,IIFE)结合闭包来实现单例模式

                例如:

javascript">   const Singleton = (function () {let instance;function createInstance() {return new Object("I am the single instance.");}return {getInstance: function () {if (!instance) {instance = createInstance();}return instance;},};})();

                在这个例子中,立即执行函数返回一个包含getInstance方法的对象。getInstance方法在第一次调用时创建实例,并在后续调用中返回这个唯一的实例。

        2.ES6类实现:

                使用ES6类语法也可以实现单例模式

                例如:

javascript">   class Singleton {constructor() {if (!Singleton.instance) {Singleton.instance = this;}return Singleton.instance;}}

                在这个例子中,构造函数在第一次创建实例时将实例存储在类的静态属性上,并在后续调用中返回这个实例。

三、单例模式的应用场景

        1.全局状态管理:

                在前端应用中,可能需要一个全局的状态管理器来存储和管理应用的状态。使用单例模式可以确保只有一个状态管理器实例,避免状态的混乱和不一致。

                例如,使用 Redux 或 Vuex 进行状态管理时,它们的 store 就是一个单例对象,在整个应用中只有一个实例,用于存储和管理应用的状态。

        2.日志记录器:

                日志记录器通常需要在整个应用中共享,以便在不同的地方记录日志。使用单例模式可以确保只有一个日志记录器实例,方便进行日志的统一管理和输出。

                例如,可以创建一个单例的日志记录器对象,提供方法来记录不同级别的日志信息,并将日志输出到控制台或文件中。

        3.数据库连接:

                在与数据库进行交互时,通常需要建立数据库连接。使用单例模式可以确保只有一个数据库连接实例,避免重复建立连接带来的资源浪费和性能问题。

                例如,可以创建一个单例的数据库连接对象,提供方法来执行数据库查询和更新操作,并在应用启动时建立连接,在应用关闭时关闭连接。

四、单例模式的优点

        1.减少资源消耗:

                对于一些需要频繁创建但又只需一个实例的对象,如全局状态管理、日志记录器等,使用单例模式可以避免重复创建对象带来的资源浪费。

        2.全局访问:

                提供了一个简单的方式来访问唯一的实例,方便在不同的模块中使用。

        3.易于管理:

                由于只有一个实例,对于一些需要统一管理的对象,如配置对象、全局缓存等,使用单例模式可以方便地进行管理和维护。

五、单例模式的缺点

        1.测试困难:

                由于单例通常是全局可访问的,这使得在单元测试中难以模拟和控制其行为,可能会导致测试的复杂性增加。

        2.违法单一职责原则:

                单例对象可能承担过多的职责,不利于代码的可维护性和扩展性。

        3.可能导致内存泄漏:

                如果单例对象在整个应用的生命周期中都存在,并且持有一些资源(如数据库连接、文件句柄等),如果不及时释放这些资源,可能会导致内存泄漏。

六、单例模式的注意事项

        1.线程安全:

                在多线程环境下,需要确保单例的创建是线程安全的。可以使用锁或其他同步机制来保证在多个线程同时访问单例时,只有一个实例被创建。

        2.延迟加载:

                可以考虑使用延迟加载的方式来创建单例实例,即在第一次访问单例时才创建实例。这样可以避免在应用启动时就创建一些可能不需要的对象,提高应用的启动速度。

        3.可扩展性:

                在设计单例类时,要考虑到未来可能的扩展需求。尽量保持单例类的接口简洁和可扩展,以便在需要时可以方便地添加新的功能。

        对于前端开发设计模式中的单例模式就分享到这,如果对设计模式中的其他模式有兴趣的话,可以点开主页看看相关文章。码字不易,点个赞再走吧


http://www.ppmy.cn/devtools/120378.html

相关文章

Windows暂停更新

目录 前言注册表设定参考 前言 不想Windows自动更新,同时不想造成Windows商店不可用,可以采用暂停更新的方案。 但是通过这里设定的时间太短了,所以我们去注册表设定。 注册表设定 win r 输入 regedit进入注册表 HKEY_LOCAL_MACHINE\SOFT…

高防服务器有用吗?租用价格一般多少

高防服务器有用吗?有用。高防服务器是一种具备高度防御能力的服务器,主要用于应对DDoS攻击、CC攻击等网络威胁。它通过专业的硬件设备和先进的防御算法,为用户提供持续、稳定的网络安全防护。高防服务器的主要特点包括强大的防御能力、低延迟…

【开源免费】基于SpringBoot+Vue.JS美容院管理系统(JAVA毕业设计)

博主说明:本文项目编号 T 055 ,文末自助获取源码 \color{red}{T055,文末自助获取源码} T055,文末自助获取源码 目录 一、系统介绍二、演示录屏三、启动教程四、功能截图五、文案资料5.1 选题背景5.2 国内外研究现状5.3 可行性分析…

Go语言入门:掌握基础语法与核心概念

Go(又称 Golang)是一种开源的编程语言,由 Google 的 Robert Griesemer、Rob Pike 和 Ken Thompson 在 2007 年设计。Go 语言在设计时考虑了现代多核处理器的并发计算,其语法简洁、易于理解,同时提供了高效的编译和执行…

Java使用RabbitMQ的详细教程(原生框架)

RabbitMQ是一个实现了高级消息队列协议(AMQP)的开源消息代理软件,它使用Erlang编程语言编写,具有高并发、分布式、可靠性强等特点,非常适合用于构建分布式消息中间件。Java可以通过RabbitMQ的客户端库与其进行通信&…

Linux数据备份

1、Linux服务器中哪些数据需要备份 1)Linux系统重要数据: ①/root/目录,管理员家目录 ②/home/目录,普通用户家目录 ③/etc/目录 ,系统重要的配置文件保存目录 2)安装服务的数据:例apache①…

MacOS Sequoia安装geant4.10.07

1,安装Geant4需求环境 (1,)安装xcode,在~/.bash_profile中添加其环境变量 export PATH"/Applications/CMake.app/Contents/bin":"$PATH" (2,)brew install clhep (3,)brew install cmake (4,)brew install qt5 (5,)brew insta…

GPIO端口的使用

目录 一. 前言 二. APB2外设时钟使能寄存器 三. GPIO端口的描述 四. GPIO端口使用案例 一. 前言 基于库函数的开发方式就是使用ST官方提供的封装好的函数。而如果没有添加库函数,那就是基于寄存器的开发方式,这种方式一般不是很推荐。因为由于ST对寄存…