js不同类型的工厂函数_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

js不同类型的工厂函数

2025-11-12

浏览次数：次

返回列表

基础、私有状态、可配置、组合式工厂函数是J*aScript中常见的四种模式，分别适用于创建固定结构对象、隐藏数据、动态定制行为及多功能组合场景。

js不同类型的工厂函数

在 J*aScript 中，工厂函数是一种不依赖 new 操作符就能创建对象的函数。它们通过返回一个新对象来实现封装和复用。根据用途和结构的不同，可以将工厂函数分为几种常见类型。以下是几种典型的工厂函数模式及其使用场景。

基础对象工厂函数

最基本的工厂函数用于创建具有固定结构的对象，避免重复书写对象字面量。

例如，创建用户对象：

function createUser(name, age) {
  return {
    name: name,
    age: age,
    greet() {
      console.log(`Hello, I'm ${this.name}`);
    }
  };
}

const user1 = createUser("Alice", 30);
user1.greet(); // 输出: Hello, I'm Alice

这种模式适合需要频繁生成相似对象的场景，代码清晰且易于维护。

带私有状态的工厂函数

利用闭包，工厂函数可以创建拥有私有属性和方法的对象，外部无法直接访问内部变量。

例如，实现一个计数器：

function createCounter() {
  let count = 0; // 私有变量

  return {
    increment() {
      count++;
    },
    decrement() {
      count--;
    },
    value() {
      return count;
    }
  };
}

const counter = createCounter();
counter.increment();
console.log(counter.value()); // 1

这种方式实现了数据隐藏，比构造函数 + prototype 更灵活地控制访问权限。

可配置行为的工厂函数

工厂函数可以接收配置参数，动态决定对象的行为或结构，适合构建可定制的实例。

ShopII电子商务社区

v1.13更新：1.增加产品讨论功能(ProductMsg备注字段)2.修正页面中的js错误数处。3.删除后的拍卖产品在回收站中统一管理。4.版面图标的DIY..自己更换,表格颜色自由调配。5.无限分类结构优化。6.产品说明支持HTML.7.网页界面优化.8.修正产品上下跳转的条数错误。9.完善邮件群发功能，可选择发送给不同类型的商城用户。10.修正拍卖信息中错误的交易完成Bug。11.去掉搜索用

0 查看详情 ShopII电子商务社区

比如创建不同类型的日志记录器：

function createLogger(type) {
  return {
    log(message) {
      if (type === 'console') {
        console.log(`[LOG] ${message}`);
      } else if (type === 'alert') {
        alert(`[LOG] ${message}`);
      }
    }
  };
}

const consoleLogger = createLogger('console');
const alertLogger = createLogger('alert');

consoleLogger.log("Hi"); // 打印到控制台

这种模式提升了灵活性，适用于插件系统或配置驱动的应用模块。

组合式工厂函数（Mixin 风格）

通过组合多个功能模块，工厂函数可以生成具备多种能力的对象，实现类似多重继承的效果。

例如：

function withData(state) {
  return {
    getData() { return state.data; },
    setData(val) { state.data = val; }
  };
}

function withMethods() {
  return {
    s*e() { console.log('S*ed!'); },
    reset() { this.setData(null); }
  };
}

function createEntity(initialData) {
  const state = { data: initialData };

  // 组合多个行为
  return {
    ...withData(state),
    ...withMethods()
  };
}

const entity = createEntity("initial");
entity.s*e(); // S*ed!
console.log(entity.getData()); // initial