JS工厂模式|极客笔记

JS工厂模式

工厂模式是一种创建型设计模式，它提供了一种创建对象的最佳方式，将对象的创建和使用分离开来。在JavaScript中，工厂模式常用于创建多个相似对象，而不必关心对象如何创建的细节。

工厂模式概述

工厂模式是一种简单而有效的方法，用于封装对象的创建过程，它允许我们根据需要创建多个相似的对象。在工厂模式中，我们可以定义一个工厂函数，该函数负责创建并返回对象实例。

工厂模式的主要优点包括：

封装性：对象的创建过程被封装在工厂函数中，提供了一个统一的接口来创建对象。
灵活性：可以根据需要来创建多种不同属性的对象。
可复用性：可以重复使用工厂函数来创建多个对象实例。

示例代码

下面是一个简单的示例代码，演示了如何使用工厂模式创建不同类型的汽车对象：

// 定义汽车工厂函数
function CarFactory(type) {
  let car;

  switch (type) {
    case 'SUV':
      car = new SUV();
      break;
    case 'Sedan':
      car = new Sedan();
      break;
    case 'Hatchback':
      car = new Hatchback();
      break;
    default:
      car = new Car();
  }

  return car;
}

// 定义不同类型的汽车类
function Car() {
  this.type = 'Generic Car';
  this.wheels = 4;
}

function SUV() {
  this.type = 'SUV';
  this.wheels = 4;
  this.drive = function() {
    console.log('Driving SUV...');
  };
}

function Sedan() {
  this.type = 'Sedan';
  this.wheels = 4;
  this.drive = function() {
    console.log('Driving Sedan...');
  };
}

function Hatchback() {
  this.type = 'Hatchback';
  this.wheels = 4;
  this.drive = function() {
    console.log('Driving Hatchback...');
  };
}

// 使用工厂函数创建汽车对象
const mySUV = CarFactory('SUV');
const mySedan = CarFactory('Sedan');
const myHatchback = CarFactory('Hatchback');

console.log(mySUV);
console.log(mySedan);
console.log(myHatchback);

// 输出结果：
// SUV { type: 'SUV', wheels: 4, drive: [Function] }
// Sedan { type: 'Sedan', wheels: 4, drive: [Function] }
// Hatchback { type: 'Hatchback', wheels: 4, drive: [Function] }

在上面的示例中，我们定义了一个CarFactory工厂函数，根据传入的类型参数来创建不同类型的汽车对象。每种类型的汽车对象都有不同的属性和方法，如SUV、Sedan和Hatchback。

通过调用CarFactory工厂函数，并传入不同的类型参数，我们可以创建相应类型的汽车对象，并访问其属性和方法。