0

0

JavaScript工厂模式_对象创建方法

紅蓮之龍

紅蓮之龍

发布时间:2025-11-27 19:36:50

|

146人浏览过

|

来源于php中文网

原创

工厂模式是一种通过函数封装对象创建过程的设计模式,核心是提供一个能根据参数返回特定对象的“工厂函数”。它不依赖new和this,返回普通对象,简化创建流程、避免重复代码,并支持动态配置行为。例如createuser函数可批量生成用户对象,而createelement可根据类型参数生成按钮或文本等不同元素。相比构造函数或class,工厂模式更轻量,无需原型链,适合简单对象的集中化管理与扩展。通过共享外部方法还能优化内存使用,是javascript中实用且灵活的对象创建方案。

javascript工厂模式_对象创建方法

在JavaScript中,工厂模式是一种创建对象的设计模式,它通过一个函数来封装对象的创建过程,避免重复使用 new 操作符或字面量手动创建多个相似对象。这种方式让对象创建更灵活、可复用,适合需要批量生成结构相似对象的场景。

什么是工厂模式?

工厂模式的核心思想是:提供一个函数,该函数根据传入的参数返回一个具有特定结构和行为的对象,而不需要显式地使用构造函数或 class。这个函数就像一个“工厂”,负责生产对象。

工厂函数不依赖 thisnew,返回的是一个普通对象,内部可以包含属性和方法。

立即学习Java免费学习笔记(深入)”;

优点:
- 简化对象创建过程
- 避免重复代码
- 支持动态配置对象行为
- 不涉及原型链,适合简单对象批量生成

基本实现方式

使用一个函数返回字面量对象,是最简单的工厂模式实现。

示例:创建用户对象

function createUser(name, age) {
  return {
    name: name,
    age: age,
    greet() {
      console.log(`你好,我是${this.name}`);
    }
  };
}
<p>const user1 = createUser("小明", 25);
const user2 = createUser("小红", 23);</p><p>user1.greet(); // 输出:你好,我是小明
user2.greet(); // 输出:你好,我是小红</p>

每次调用 createUser 都会生成一个新的独立对象,拥有自己的属性和共享的方法。

WebmengWeb 2020网站管理系统11.0.1
WebmengWeb 2020网站管理系统11.0.1

WebmengWeb企业管理系统也简称“WebmengWeb”,是由创梦公司历时3年开发一款以电脑版+微信站+APP+手机版+PAD网站的多语言网站全方组合的营销型企业网站管理系统。WebmengWeb以PHP5+MYSQL做为技术基础进行开发,采用OOP(面向对象)方式进行基础运行框架搭建。模块化开发方式做为功能开发形式,框架易于功能扩展,代码维护,优秀的二次开发能力,可满足所有网站的应用需求。

下载

支持不同类型对象的工厂

工厂模式也可以根据参数创建不同类型的对象,适用于需要统一接口但行为不同的场景。

示例:创建不同类型的表单元素

function createElement(type, content) {
  if (type === "button") {
    return {
      type: "button",
      content: content,
      click() {
        console.log(`按钮被点击:${this.content}`);
      }
    };
  }
<p>if (type === "text") {
return {
type: "text",
content: content,
render() {
return <code><span>${this.content}</span></code>;
}
};
}</p><p>throw new Error("不支持的类型");
}</p><p>const btn = createElement("button", "提交");
const txt = createElement("text", "这是文本");</p><p>btn.click();   // 输出:按钮被点击:提交
console.log(txt.render()); // 输出:<span>这是文本</span></p>

这种写法让对象创建集中管理,后续扩展新类型只需修改工厂函数逻辑。

与构造函数或类的区别

工厂模式不同于使用 new 构造函数或 class 的方式:

  • 工厂函数不依赖 new 关键字
  • 返回的对象没有共同的原型(除非手动指定)
  • 更轻量,适合不需要继承或复杂原型链的场景
  • 更容易实现私有变量(结合闭包)

如果需要共享方法并节省内存,可以将方法定义在外部,由工厂函数引用:

const userMethods = {
  greet() {
    console.log(`你好,我是${this.name}`);
  },
  haveBirthday() {
    this.age++;
  }
};
<p>function createUser(name, age) {
return {
name,
age,
greet: userMethods.greet,
haveBirthday: userMethods.haveBirthday
};
}</p>

这样所有创建的对象都共享同一套方法,减少内存占用

基本上就这些。工厂模式在JavaScript中是一种简单实用的对象创建方式,特别适合不需要复杂继承结构的项目。不复杂但容易忽略。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

1846

2023.10.19

PHP接口编写教程
PHP接口编写教程

本专题整合了PHP接口编写教程,阅读专题下面的文章了解更多详细内容。

614

2025.10.17

php8.4实现接口限流的教程
php8.4实现接口限流的教程

PHP8.4本身不内置限流功能,需借助Redis(令牌桶)或Swoole(漏桶)实现;文件锁因I/O瓶颈、无跨机共享、秒级精度等缺陷不适用高并发场景。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2351

2025.12.29

java接口相关教程
java接口相关教程

本专题整合了java接口相关内容,阅读专题下面的文章了解更多详细内容。

47

2026.01.19

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

808

2024.01.03

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

26

2025.12.06

go语言闭包相关教程大全
go语言闭包相关教程大全

本专题整合了go语言闭包相关数据,阅读专题下面的文章了解更多相关内容。

151

2025.07.29

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

1

2026.03.06

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

19

2026.03.05

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 5.8万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.3万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号