JavaScript设计模式(四):出现的都是幻觉-抽象工厂模式

简介: 出现的都是幻觉-抽象工厂模式

抽象工厂模式(Abstract Factory)

通过对类的工厂抽象使其业务用于对产品类簇的创建,而不负责创建某一类产品的实例。

⚠ 注意:抽象方法只负责告诉开发者要实现什么方法,并不负责真正的逻辑处理,可以理解为子类要实现所定义功能的模板

示例:

// 抽象类

/**
 * 抽象工厂方法 - 寄生式继承
 * @param {Class} subType       子类
 * @param {Class} superType     父类
 */
var VehicleFactory = function (subType, superType) {
   
    // 判断抽象工厂中是否有该抽象类
    if (typeof VehicleFactory[superType] === 'function') {
   
        // 缓存类
        function F() {
    };
        // 继承父类属性和方法
        F.prototype = new VehicleFactory[superType]();
        // 将子类constructor指向子类
        subType.constructor = subType;
        // 子类原型继承“父类”
        subType.prototype = new F();
    } else {
   
        // 不存在该抽象类抛出错误
        throw new Error('未创建该抽象类');
    }
}

/**
 * 小汽车父抽象类
 *      如果定义的子类继承自小汽车就需要实现 getPrice getSpeed 方法,否则调用报错
 */
VehicleFactory.Car = function () {
    this.type = '【父类】小汽车'; };
VehicleFactory.Car.prototype.getPrice = function () {
    return new Error('您尚未定义此方法,请定义后在调用!'); };
VehicleFactory.Car.prototype.getSpeed = function () {
    return new Error('您尚未定义此方法,请定义后在调用!'); };

/**
 * 公交车父抽象类
 *      如果定义的子类继承自公交车就需要实现 getPrice getPassengerNum 方法,否则调用报错
 */
VehicleFactory.Bus = function () {
    this.type = '【父类】公交车'; };
VehicleFactory.Bus.prototype.getPrice = function () {
    return new Error('您尚未定义此方法,请定义后在调用!'); };
VehicleFactory.Bus.prototype.getPassengerNum = function () {
    return new Error('您尚未定义此方法,请定义后在调用!'); };
// 实例1:

/**
 * 宝马 - 小汽车的子类
 * @param {number} price 价格(单位万)
 * @param {number} speed 速度(单位km/h)
 */
let BMW = function (price, speed) {
   
    this.type = '【子类】宝马';
    this.price = price;
    this.speed = speed;
};
VehicleFactory(BMW, 'Car'); // 'Car' ---> VehicleFactory.Car
BMW.prototype.getPrice = function () {
    return this.price; };
let bmw = new BMW(30, 120);
console.log(bmw.getPrice()); // 30
console.log(bmw.getSpeed()); // Error: 您尚未定义此方法,请定义后在调用!
// 实例2:

/**
 * 兰博基尼 - 小汽车的子类
 * @param {number} price 价格(单位万)
 * @param {number} speed 速度(单位km/h)
 */
let Lamborghini = function (price, speed) {
   
    this.type = '【子类】兰博基尼';
    this.price = price;
    this.speed = speed;
};
VehicleFactory(Lamborghini, 'Car'); // 'Car' ---> VehicleFactory.Car
Lamborghini.prototype.getPrice = function () {
    return this.price; };
Lamborghini.prototype.getSpeed = function () {
    return this.speed; };
let lamborghini = new Lamborghini(130, 260);
console.log(lamborghini.getPrice()); // 130
console.log(lamborghini.getSpeed()); // 260
// 实例3:

/**
 * 宇通客车 - 公交车的子类
 * @param {number} price 价格(单位万)
 * @param {number} count 限乘(单位人)
 */
let Yutong = function (price, count) {
   
    this.type = '【子类】宇通客车';
    this.price = price;
    this.count = count;
};
VehicleFactory(Yutong, 'Bus'); // 'Bus' ---> VehicleFactory.Bus
Yutong.prototype.getPrice = function () {
    return this.price; };
Yutong.prototype.getPassengerNum = function () {
    return this.count; };
Yutong.prototype.getOtherFun = function () {
    return '其他方法···'; };
let yutong = new Yutong(15, 24);
console.log(yutong.getPrice());         // 15
console.log(yutong.getPassengerNum());  // 24
console.log(yutong.getOtherFun());      // 其他方法···
目录
相关文章
|
4月前
|
设计模式 JavaScript 前端开发
js设计模式【详解】—— 职责链模式
js设计模式【详解】—— 职责链模式
76 8
|
4月前
|
设计模式 JavaScript 前端开发
js设计模式【详解】—— 组合模式
js设计模式【详解】—— 组合模式
52 7
|
1月前
|
设计模式 JavaScript 前端开发
JavaScript设计模式--访问者模式
【10月更文挑战第1天】
30 3
|
2月前
|
设计模式 Java
Java设计模式-抽象工厂模式(5)
Java设计模式-抽象工厂模式(5)
|
3月前
|
设计模式 JavaScript 前端开发
从工厂到单例再到策略:Vue.js高效应用JavaScript设计模式
【8月更文挑战第30天】在现代Web开发中,结合使用JavaScript设计模式与框架如Vue.js能显著提升代码质量和项目的可维护性。本文探讨了常见JavaScript设计模式及其在Vue.js中的应用。通过具体示例介绍了工厂模式、单例模式和策略模式的应用场景及其实现方法。例如,工厂模式通过`NavFactory`根据用户角色动态创建不同的导航栏组件;单例模式则通过全局事件总线`eventBus`实现跨组件通信;策略模式用于处理不同的表单验证规则。这些设计模式的应用不仅提高了代码的复用性和灵活性,还增强了Vue应用的整体质量。
50 1
|
3月前
|
设计模式 Java
Java 设计模式之谜:工厂模式与抽象工厂模式究竟隐藏着怎样的神奇力量?
【8月更文挑战第30天】在Java编程中,设计模式为常见问题提供了高效解决方案。工厂模式与抽象工厂模式是常用的对象创建型设计模式,能显著提升代码的灵活性、可维护性和可扩展性。工厂模式通过定义创建对象的接口让子类决定实例化哪个类;而抽象工厂模式则进一步提供了一个创建一系列相关或相互依赖对象的接口,无需指定具体类。这种方式使得系统更易于扩展和维护。
42 1
|
3月前
|
设计模式 XML 存储
【三】设计模式~~~创建型模式~~~抽象工厂模式(Java)
文章详细介绍了抽象工厂模式,这是一种创建型设计模式,用于提供一个接口以创建一系列相关或相互依赖的对象,而不指定它们具体的类。通过代码示例和结构图,文章展示了抽象工厂模式的动机、定义、结构、优点、缺点以及适用场景,并探讨了如何通过配置文件和反射机制实现工厂的动态创建。
【三】设计模式~~~创建型模式~~~抽象工厂模式(Java)
|
3月前
|
设计模式 Java C语言
设计模式-----------工厂模式之抽象工厂模式(创建型)
抽象工厂模式是一种创建型设计模式,它提供了一个接口用于创建一系列相关或相互依赖的对象,而无需指定具体类,从而增强了程序的可扩展性并确保客户端只使用同一产品族的产品。
设计模式-----------工厂模式之抽象工厂模式(创建型)
|
3月前
|
设计模式 存储 XML
[设计模式]创建型模式-抽象工厂模式
[设计模式]创建型模式-抽象工厂模式
|
3月前
|
设计模式 JavaScript 前端开发
小白请看 JS大项目宝典:设计模式 教你如何追到心仪的女神
小白请看 JS大项目宝典:设计模式 教你如何追到心仪的女神

热门文章

最新文章

  • 1
    C++一分钟之-设计模式:工厂模式与抽象工厂
    42
  • 2
    《手把手教你》系列基础篇(九十四)-java+ selenium自动化测试-框架设计基础-POM设计模式实现-下篇(详解教程)
    46
  • 3
    C++一分钟之-C++中的设计模式:单例模式
    53
  • 4
    《手把手教你》系列基础篇(九十三)-java+ selenium自动化测试-框架设计基础-POM设计模式实现-上篇(详解教程)
    37
  • 5
    《手把手教你》系列基础篇(九十二)-java+ selenium自动化测试-框架设计基础-POM设计模式简介(详解教程)
    61
  • 6
    Java面试题:结合设计模式与并发工具包实现高效缓存;多线程与内存管理优化实践;并发框架与设计模式在复杂系统中的应用
    56
  • 7
    Java面试题:设计模式在并发编程中的创新应用,Java内存管理与多线程工具类的综合应用,Java并发工具包与并发框架的创新应用
    40
  • 8
    Java面试题:如何使用设计模式优化多线程环境下的资源管理?Java内存模型与并发工具类的协同工作,描述ForkJoinPool的工作机制,并解释其在并行计算中的优势。如何根据任务特性调整线程池参数
    49
  • 9
    Java面试题:请列举三种常用的设计模式,并分别给出在Java中的应用场景?请分析Java内存管理中的主要问题,并提出相应的优化策略?请简述Java多线程编程中的常见问题,并给出解决方案
    105
  • 10
    Java面试题:设计模式如单例模式、工厂模式、观察者模式等在多线程环境下线程安全问题,Java内存模型定义了线程如何与内存交互,包括原子性、可见性、有序性,并发框架提供了更高层次的并发任务处理能力
    75