JS设计模式之“神奇的魔术师” - 简单工厂模式

embedded/2024/9/18 12:47:18/ 标签: javascript, 设计模式, 简单工厂模式

image.png

引言

在JavaScript开发中,我们经常需要创建和管理各种对象,而简单工厂模式就是一种最简单的用来创建对象的设计模式

简单工厂模式通过一个工厂类来创建相似的对象,而无需直接使用具体类来实例化对象。这样可以将对象的创建过程与使用过程分离,提供了更好的灵活性和可维护性。

在本篇文章中,我将为您讲解以下内容:

  1. 什么是简单工厂模式?它的基本思想和原理是什么?

  2. 如何在JavaScript中使用简单工厂模式

  3. 简单工厂模式的优点和缺点是什么?

  4. 真实场景下的案例分析和应用实践。

一. 什么是简单工厂模式

简单工厂模式(Simple Factory):又叫静态工厂方法,由一个工厂对象决定创建某一种产品对象类的实例,主要用来创建同一类对象。

JavaScript 简单工厂模式是一种编程设计模式,用于创建对象。它通过提供一个简单的工厂函数来封装对象的创建过程,以避免直接使用构造函数或复杂的创建逻辑。

fileOf7174.png

简单工厂模式的基本思想是,根据输入参数的不同,返回不同类的实例。这样可以隐藏对象的创建细节,并将 客户端 与具体的类解耦。

简单工厂模式在一些场景下非常有用,例如当需要根据条件动态创建对象或者创建对象过程比较复杂时。它可以简化客户端的代码,提高代码的可维护性和可扩展性。

二. 实现简单工厂模式的几种方式

简单工厂模式有几种实现方式,以下是常见的几种:

image.png

动物类工厂

模拟场景: 以动物类工厂AnimalFactory为例,下面将使用三种不同的方法来进行实践,使用AnimalFactory分别创建了 dogcat 两个动物对象,最后会分别调用了它们的 sound 方法。

1. 静态工厂方法:

这是最常见的实现方式,静态工厂方法是一种在类上定义的方法,用于创建和返回对象实例。使用静态工厂方法可以将对象的创建逻辑封装在类内部,使得客户端只需通过调用方法即可获取到所需的对象。

// 定义一个工厂类
class AnimalFactory {// 静态工厂方法,根据类型创建不同的动物对象static createAnimal(type) {if (type === 'dog') {return new Dog();} else if (type === 'cat') {return new Cat();} else {throw new Error('Invalid type: ' + type);}}
}// 定义动物类
class Dog {sound() {console.log('Woof!');}
}class Cat {sound() {console.log('Meow!');}
}// 使用工厂方法创建对象
const dog = AnimalFactory.createAnimal('dog');
const cat = AnimalFactory.createAnimal('cat');dog.sound(); // 输出: Woof!
cat.sound(); // 输出: Meow!

在上面的代码中,我们首先定义了一个工厂类 AnimalFactory,其中包含一个静态方法 createAnimal,根据传入的类型参数,创建并返回不同类型的动物对象。

接着,我们定义了 DogCat 两个具体的动物类,它们都实现了 sound 方法。

最后,我们使用工厂方法 AnimalFactory.createAnimal 分别创建了 dogcat 两个动物对象,并调用了它们的 sound 方法。

2. 实例化工厂对象:

将工厂函数定义为一个实例对象的方法,在创建工厂对象的时候传入构造函数,并通过调用实例方法来创建对象。

// 定义一个工厂类
class AnimalFactory {// 根据类型创建不同的动物对象createAnimal(type) {if (type === 'dog') {return new Dog();} else if (type === 'cat') {return new Cat();} else {throw new Error('Invalid type: ' + type);}}
}// 定义动物类
class Dog {sound() {console.log('Woof!');}
}class Cat {sound() {console.log('Meow!');}
}// 实例化工厂对象
const factory = new AnimalFactory();// 使用工厂对象创建对象
const dog = factory.createAnimal('dog');
const cat = factory.createAnimal('cat');dog.sound(); // 输出: Woof!
cat.sound(); // 输出: Meow!

在上面的代码中,我们定义了一个 AnimalFactory 工厂类,其中包含一个 createAnimal 方法。与之前不同的是,这次是通过实例化工厂对象的方式来使用工厂方法。

接着,我们定义了 DogCat 两个具体的动物类,它们都实现了 sound 方法。

然后,我们实例化了一个 AnimalFactory 对象,并使用 factory.createAnimal 方法分别创建了 dogcat 两个动物对象,并调用了它们的 sound 方法。

使用实例化工厂对象的方式实现简单工厂模式,与使用静态工厂方法的实现相比,更加灵活,可以在工厂对象中保存状态,进行更复杂的对象创建逻辑。

3. 使用闭包封装工厂函数:

闭包是一种函数和其相关引用环境(词法环境)的组合。使用闭包可以实现封装和私有变量等特性。利用闭包将工厂函数封装起来,返回一个创建对象的函数,通过调用这个函数来创建对象。

// 封装工厂函数
const AnimalFactory = (function() {// 私有变量和方法const animals = {dog: Dog,cat: Cat};// 返回工厂函数return function(type) {if (typeof animals[type] !== 'function') {throw new Error('Invalid type: ' + type);}return new animals[type]();};
})();// 定义动物类
class Dog {sound() {console.log('Woof!');}
}class Cat {sound() {console.log('Meow!');}
}// 使用闭包封装的工厂函数创建对象
const dog = AnimalFactory('dog');
const cat = AnimalFactory('cat');dog.sound(); // 输出: Woof!
cat.sound(); // 输出: Meow!

在上面的代码中,我们使用闭包将工厂函数封装在一个立即执行函数表达式 (IIFE) 中。这样做的好处是可以创建一个私有的变量 animals 来存储不同类型动物的构造函数。通过这种方式,我们可以在工厂函数内部访问 animals 对象,并根据传入的类型来创建对应的对象。

然后,我们定义了 DogCat 两个具体的动物类,它们都实现了 sound 方法。

最后,我们使用封装在闭包中的工厂函数 AnimalFactory 创建了 dogcat 两个动物对象,并调用了它们的 sound 方法。

通过使用闭包封装工厂函数,我们可以将工厂函数的内部状态和逻辑隐藏起来,只暴露一个公共的接口。这样可以实现更好的封装和信息隐藏,避免对外暴露不必要的细节。

总结:以上三种方式都是常见的简单工厂模式的实现方式,每种方式都有各自的点和适用场景,它们在应用方面也有一些区别,可以根据具体需选择合适的方式来实现简单工厂模式

三. 类与简单工厂模式

简单工厂模式是一种创建对象的设计模式,而类是面向对象编程的基本概念。它们之间有以下异同点:

1. 异同点:

  • 创建对象方式:简单工厂模式使用工厂函数来创建对象,根据输入参数的不同返回不同类的实例;而类则是通过定义构造函数和使用 new 关键字来创建对象。

  • 继承关系:简单工厂模式的工厂函数负责创建不同类的实例,这些类可以是没有继承关系的独立类;而类是通过继承实现类与类之间的层次关系。

  • 类型判断:使用简单工厂模式创建的对象可以通过参数类型进行判断;而类可以通过 of 运算符来判断对象的类型。

  • 对象的创建逻辑:简单工厂模式将对象的创建逻辑封装在工厂函数中,客户端只需调用工厂函数,而不关心具体的创建过程;而类的创建逻辑则是在构造函数中。

2. 案例分析:

image.png

模拟场景

假设我们需要创建不同类型的汽车对象,其中包括小轿车(sedan)和越野车(SUV)。使用简单工厂模式和类的方式可以如下实现:

使用类:

class Car {constructor(type) {this.type = type;}
}class SedanCar extends Car {constructor() {super("sedan");}
}
class SUVCar extends Car {constructor() {super("SUV");}
}var myCar = new SedanCar();
console.log(myCar.type); // 输出: "sedan"var anotherCar = new SUVCar();
console.log(anotherCar.type); //: "SUV"

使用简单工厂模式

function CarFactory() {}CarFactory.createCar = function(type) {if (type === "sedan") {return new SedanCar();} else if (type === "SUV") {return new SUVCar();} else {throw new Error("Invalid car type.");}
}function SedanCar() {this.type = "sedan";
}function SUVCar() {this.type = "SUV";
}var myCar = CarFactory.createCar("sedan");
console.log(myCar.type); // 输出: "sedan"var anotherCar = CarFactory.createCar("SUV");
console.log(anotherCar.type); // 输出: "SUV"

以上两种方式都能所需的汽车对象,其中简工厂模式将对象创建逻辑封装在 CarFactory 工厂函数中,类的方式则通过继承和构造函数来创建不同类型的汽车对象。

四. 简单工厂模式的优缺点

以上我们了解到简单工厂模式是一种创建对象的设计模式,它具有以下优点和缺点:

1. 优点:

  1. 封装了对象的创建逻辑,客户端只需通过工厂函数来创建对象,而不需要了解具体的创建过程,降低了客户端的复杂性和依赖性。

  2. 可以集中管理对象的创建逻辑,方便统一修改和维护。如果需要新增或修改对象的创建方式只需修改工厂函数中的代码即可,而不需要修改客户端的代码。

  3. 实现了对象创建解耦,客户端与工厂函数进行交互,不直接依赖具体的类,增加了灵活性和可扩展性。

2. 缺点:

  1. 违背了开闭原则,需要新增一种类型的对象时,必须修改工厂函数的代码,增加了厂函数的维护成本。

  2. 创建对象的逻辑集中工厂函数中,导致工厂函数的代码可能过于复杂不易维护和扩展

  3. 不符合单一职责原则,一个工厂函数负责创建多种类型的对象,当对象创建逻辑复杂时,工厂函数会变得臃肿。

结语

相信通过本文对简单工厂模式的学习,你一定对这个设计模式有了更深入的了解。

简单工厂模式是一种常用的创建型设计模式,在JavaScript中广泛应用于对象的创建和管理。它通过一个工厂类来将对象的创建过程与使用过程分离,提供了更好的灵活性和可维护性。

在使用简单工厂模式时,我们可以通过工厂类创建不同类型的对象,而无需直接使用具体类来实例化对象。这样可以避免在客户端代码中直接暴露具体类,提高了代码的封装性和可扩展性。

同时,简单工厂模式也有一些限制,例如:难以支持复杂的对象创建逻辑或创建过程可能会非常复杂等。简单工厂模式适合创建对象较简单,类型不频繁变化的场景。如果需要创建的对象较复杂,或者对象的类型经常变化,适合使用其他创建对象的设计模,如工厂方法模式或抽象工厂模式,我将会在后面的文章继续讲解。在实际应用中,我们需要根据具体的场景和需求,选择合适的设计模式

希望通过本文的介绍,您能够对JavaScript简单工厂模式有了更清晰的认识,并能够在实际项目中灵活应用。


http://www.ppmy.cn/embedded/107149.html

相关文章

ITK-重采样

作者:翟天保Steven 版权声明:著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处 什么是重采样 重采样(Resampling) 是一种用于图像处理的技术,主要应用于对图像进行尺寸调整、…

支付宝线上小程序打开异常

1. 其他手机都可以正常访问线上版本,只有一个安卓手机不行(排除支付宝低版本以及手机系统问题) 2. 出现访问异常的手机都可以正常访问体验版以及开发版本 3. 尝试去关闭该手机的联调设置以及清除开发版缓存,成功访问线上版本 需要…

【LeetCode】02.两数相加

题目要求 做题链接:2.两数之和 思路解析 本题要求我们计算两个链表中存储的元素之和,并且明确的告诉了我们不包含前置0。这样的话我们只需要考虑进位与到链表末尾这两种情况,进位是每次都需要更新的,而到末尾的话,…

SpringBoot+Vue实现大文件上传(断点续传-后端控制(一))

SpringBootVue实现大文件上传(断点续传) 1 环境 SpringBoot 3.2.1,Vue 2,ElementUI,spark-md5 2 问题 在前一篇文章,我们写了通过在前端控制的断点续传,但是有两个问题,第一个问题&…

SQL - SQL优化

在sql查询中为了提高查询效率,我们常常会采取一些措施对查询语句进行sql优化,下面总结的一些方法,有需要的可以参考参考 一、查询SQL尽量不要使用select *,而是具体字段 // 建议 SELECT id,user_name,age,tel FROM user// 不建议…

C语言6大常用标准库 -- 1.<stdio.h>

目录 引言 1.<stdio.h>&#xff08;标准输入输出库&#xff09; 1.1 简介 1.2 库变量 1.3 库宏 1.4 库函数 &#x1f308;你好呀&#xff01;我是 程序猿 &#x1f30c; 2024感谢你的陪伴与支持 ~ &#x1f680; 欢迎一起踏上探险之旅&#xff0c;挖掘无限可能&am…

不要玄之又玄:多线程相关知识点的通俗理解

这里是目录 线程和进程的区别多线程的几个对象线程池线程间的同步的方式 线程和进程的区别 进程是一个程序执行一次创建的&#xff0c;是系统运行程序的基本单位。线程是⼀个⽐进程更⼩的执⾏单位&#xff0c;一个进程在运行期间可以产生多个线程。多个线程可以共享进程的堆和…

QT做一个USB HID设备识别软件

1.下载 HidApi库&#xff1a;GitHub - yigityuce/HidApi: Human Interface Device Api (HidApi) with C 2.pro文件添加 DEFINES - UNICODE LIBS -lsetupapi 3.h文件 #ifndef My_Usb_Hid_Device_H #define My_Usb_Hid_Device_H#include <QWidget> #include <QStr…

nanogpt怎么进行模型切片,以实现推理过程算力共享,切多头

目录 nanogpt怎么进行模型切片,以实现推理过程算力共享,切多头 1. 多头并行与数据并行结合 2. 模型切片策略 3. 多头并行实现 4. 注意事项 5. 示例说明 大语言模型推理过程中多头切片运行,是从头到尾全部并行执行 1. 模型切片运行的概念 2. nanoGPT的特点 3. 并行…

Java常见排序算法详解

前言 排序&#xff0c;就是使一串记录&#xff0c;按照其中的某个或某些关键字的大小&#xff0c;递增或递减的排列起来的操作。 在Java中&#xff0c;排序算法是一种对数据集合中的元素按照特定顺序进行排列的算法。排序算法通常用于将数据按照升序或者降序排列&#xff0c;…

SQLite 创建表:一场数据库里的“造物运动”

嘿&#xff0c;各位数据库的“造物主”们&#xff01;今天咱们来聊聊SQLite里的一场有趣活动——创建表。没错&#xff0c;就像上帝创造了世界&#xff0c;我们也可以在SQLite数据库里创造属于我们自己的“小世界”。 一、创建表的“魔法咒语” 在SQLite这个“魔法世界”里&a…

python办公自动化:使用`Python-PPTX`创建和操作表格

表格是演示文稿中用于组织和显示数据的重要工具。使用Python-PPTX库&#xff0c;您可以在幻灯片中创建和自定义表格&#xff0c;包括设置表格的大小、格式和内容。本节将介绍如何使用Python-PPTX库创建表格并进行各种操作。 1 创建基本表格 在Python-PPTX中&#xff0c;表格是…

2024年SRM管理系统盘点合集,助力企业选型!

本文将盘点六款主流的SRM管理系统&#xff0c;助力企业选型&#xff01; 想象一下这样一个场景&#xff0c;企业的采购部门每天都在为寻找合适的供应商、管理采购订单以及确保物资及时供应而忙碌。如果没有一个有效的 SRM 管理系统&#xff0c;就如同在黑暗中摸索&#xff0c;效…

智联云采 SRM2.0 autologin 身份认证绕过漏洞复现

0x01 产品简介 智联云采是一款针对企业供应链管理难题及智能化转型升级需求而设计的解决方案,针对企业供应链管理难题,及智能化转型升级需求,智联云采依托人工智能、物联网、大数据、云等技术,通过软硬件系统化方案,帮助企业实现供应商关系管理和采购线上化、移动化、智能…

Express与SQLite集成教程:轻松实现数据库操作

Express使用SQLite的教程可以大致分为以下几个步骤。以下是一个详细的指南&#xff0c;帮助你在Express项目中集成SQLite数据库。 1. 安装必要的库 首先&#xff0c;你需要在你的Express项目中安装sqlite3库。打开终端或命令提示符&#xff0c;切换到你的项目目录&#xff0c…

后端开发刷题 | 数组中的逆序对

描述 在数组中的两个数字&#xff0c;如果前面一个数字大于后面的数字&#xff0c;则这两个数字组成一个逆序对。输入一个数组,求出这个数组中的逆序对的总数P。并将P对1000000007取模的结果输出。 即输出P mod 1000000007 数据范围&#xff1a; 对于 50%50% 的数据, size≤1…

缓存分布式一致性问题

缓存一致性问题发生的原因&#xff0c;是在更新数据时数据库和缓存数据的不一致。我们要做到保证缓存的最终一致性。如果数据需要强一致性建议直接查询数据库。 双写模式 双写模式为先写数据库&#xff0c;在写缓存。 进来两个请求&#xff0c;先执行“请求1”的操作写入数据…

WireShark网络分析~部署方式

一、《Wireshark网络分析就这么简单》 第一章学习 声明&#xff1a;文章只限于网络学习和实验&#xff0c;请遵守《网络安全法》。 第一章问题一&#xff1a;两台服务器A和B的网络配置如下(见图1)&#xff0c;B的子网掩码本应该是255.255.255.0&#xff0c;被不小心配成了255.…

Mysql的事务

Mysql的事务_sql中开启事物的命令是transaction-CSDN博客

OceanBase性能相关

**OceanBase 关于SQL监控与执行计划记录**记录来源&#xff1a;(OceanBase)DBA 从入门到实践 一、慢SQL与性能视图 慢SQL参数说明&#xff1a; V3.2.3前 trace_log_slow_query_watermark 默认是 100ms。 V3.2.3及后续 trace_log_slow_query_watermark 默认是 1s。慢SQL性能查看…