工厂函数在 JavaScript 中的应用

工厂函数是一种创建和返回新对象的函数模板。通过使用工厂函数，可以避免在创建多个相似对象时代码重复，从而提高代码的效率和可维护性。

一. 什么是工厂函数？

工厂函数是一种返回新对象的函数，每次调用时都会创建并返回一个新的对象。通过工厂函数，可以简化对象的创建过程，并减少代码的重复。

1. 基本示例

以下示例展示了如何在没有工厂函数的情况下创建多个对象，这种方法会导致代码重复。

// 创建第一个 car 对象
let car1 = {
    make: 'Kia',
    model: 'Seltos',
    year: 2024,
    // 获取汽车信息的方法
    getCarInfo() {
      return `${this.make} ${this.model} (${this.year})`;
    },
};

console.log(car1.getCarInfo());

输出:

Kia Seltos (2024)

2. 代码重复示例

当需要创建第二个类似的对象时，代码会重复：

// 创建第一个 car 对象
let car1 = {
  make: 'Kia',
  model: 'Seltos',
  year: 2024,
  getCarInfo() {
    return `${this.make} ${this.model} (${this.year})`;
  },
};

console.log(car1.getCarInfo());

// 创建第二个 car 对象
let car2 = {
    make: 'Tata',
    model: 'Punch',
    year: 2023,
    getCarInfo() {
      return `${this.make} ${this.model} (${this.year})`;
    },
};

console.log(car2.getCarInfo());

输出:

Kia Seltos (2024)
Tata Punch (2023)

二. 使用工厂函数创建对象

工厂函数可以帮助我们避免重复代码，通过提供一个统一的创建对象的方式，可以简化代码。

1. 基本工厂函数示例

// 工厂函数，用于创建 car 对象
function createCar(make, model, year) {
    return {
      make: make,
      model: model,
      year: year,
      getCarInfo() {
        return `${make} ${model} (${year})`;
      },
    };
}

// 使用工厂函数创建多个 car 对象
let car1 = createCar('Kia', 'Seltos', 2024);
let car2 = createCar('Tata', 'Punch', 2023);
let car3 = createCar('Maruti Suzuki', 'Ertiga', 2024);
let car4 = createCar('Honda', 'WR', 2020);

console.log(car1.getCarInfo());
console.log(car2.getCarInfo());
console.log(car3.getCarInfo());
console.log(car4.getCarInfo());

输出:

Kia Seltos (2024)
Tata Punch (2023)
Maruti Suzuki Ertiga (2024)
Honda WR (2020)

三. 提高内存效率的工厂函数

使用工厂函数创建的每个对象都会有自己的 getCarInfo 方法，这可能导致较高的内存使用。为提高内存效率，可以采用共享方法的方式。

1. 共享方法示例

// 创建 car 对象的工厂函数
function createCar(make, model, year) {
    return {
      make: make,
      model: model,
      year: year,
    };
}

// 定义共享方法
var carDetails = {
    getCarInfo() {
      return `${this.make} ${this.model} (${this.year})`;
    },
};

// 使用工厂函数创建 car 对象
let car1 = createCar('Kia', 'Seltos', 2024);
let car2 = createCar('Tata', 'Punch', 2023);

// 为每个对象分配共享方法
car1.getCarInfo = carDetails.getCarInfo;
car2.getCarInfo = carDetails.getCarInfo;

console.log(car1.getCarInfo());
console.log(car2.getCarInfo());

输出:

Kia Seltos (2024)
Tata Punch (2023)

2. 使用 Object.create() 方法提高效率

Object.create() 方法允许创建一个新对象，并将指定对象作为新对象的原型，从而实现方法共享。

// 定义共享方法
var carActions = {
    getCarInfo() {
      return `${this.make} ${this.model} (${this.year})`;
    },
};

// 工厂函数使用 Object.create 创建对象
function createCar(make, model, year) {
    let car = Object.create(carActions);
    car.make = make;
    car.model = model;
    car.year = year;
    return car;
}

// 使用工厂函数创建 car 对象
let car1 = createCar('Kia', 'Seltos', 2024);
let car2 = createCar('Tata', 'Punch', 2023);

console.log(car1.getCarInfo());
console.log(car2.getCarInfo());

输出:

Kia Seltos (2024)
Tata Punch (2023)

四.总结

工厂函数是创建新对象的一种有效方式，可以简化对象创建过程，避免代码重复。为了提高内存使用效率，可以使用 Object.create() 方法共享方法。在现代 JavaScript 开发中，工厂函数仍然是管理对象的重要工具，但类或构造函数通常是更推荐的选择。