当前位置：首页 > JavaScript

js实现工厂

2026-04-05 14:02:03JavaScript

工厂模式概述

工厂模式是一种创建型设计模式，用于封装对象的创建过程，使代码更灵活、可维护。JavaScript中可通过函数或类实现工厂模式，根据输入参数返回不同对象实例。

简单工厂实现

通过函数返回不同对象实例：

js实现工厂

function createProduct(type) {
  switch(type) {
    case 'A':
      return { name: 'Product A', price: 100 };
    case 'B':
      return { name: 'Product B', price: 200 };
    default:
      throw new Error('Unknown product type');
  }
}

const productA = createProduct('A');
const productB = createProduct('B');

工厂方法模式

通过子类决定实例化哪个类：

class ProductFactory {
  createProduct() {
    throw new Error('Method must be implemented');
  }
}

class ProductAFactory extends ProductFactory {
  createProduct() {
    return { name: 'Product A', price: 100 };
  }
}

class ProductBFactory extends ProductFactory {
  createProduct() {
    return { name: 'Product B', price: 200 };
  }
}

const factoryA = new ProductAFactory();
const productA = factoryA.createProduct();

抽象工厂模式

创建相关或依赖对象的家族：

js实现工厂

class UIFactory {
  createButton() {
    throw new Error('Method must be implemented');
  }
  createDialog() {
    throw new Error('Method must be implemented');
  }
}

class MacFactory extends UIFactory {
  createButton() {
    return { render: () => 'Mac button' };
  }
  createDialog() {
    return { show: () => 'Mac dialog' };
  }
}

class WinFactory extends UIFactory {
  createButton() {
    return { render: () => 'Windows button' };
  }
  createDialog() {
    return { show: () => 'Windows dialog' };
  }
}

const macFactory = new MacFactory();
const macButton = macFactory.createButton();