首页 > web前端 > js教程 > 正文

JavaScript对象创建_工厂模式与建造者模式

紅蓮之龍
发布: 2025-11-24 17:20:02
原创
421人浏览过
工厂模式用于批量创建结构相似的对象,通过函数封装创建逻辑,调用简便但无法识别类型;示例中createUser函数返回包含姓名、年龄、角色的对象并支持自我介绍。建造者模式适用于分步构建复杂对象,通过类方法链式调用逐步设置属性,最后由build方法生成对象,并可加入校验逻辑;如UserBuilder允许灵活配置用户信息。选择时,简单场景用工厂模式,复杂配置用建造者模式,两者均提升代码可维护性与灵活性。

javascript对象创建_工厂模式与建造者模式

在JavaScript中,创建对象的方式多种多样,工厂模式和建造者模式是两种常见且实用的设计模式。它们都能帮助我们更高效、灵活地生成对象,但适用场景和实现方式有所不同。下面分别介绍这两种模式的核心思想与代码实现。

工厂模式:批量创建相似对象

工厂模式适合用于创建多个结构相似的对象。它通过一个函数封装对象的创建过程,调用时传入参数,返回配置好的对象实例。这种方式避免了重复书写对象字面量或构造函数的繁琐。

创意艺术设计的网站模板
创意艺术设计的网站模板

创意艺术设计的网站模板 创意艺术是指是把再简单不过的东西或想法不断延伸给予的另一种表现方式,创意设计包括工业设计、建筑设计、包装设计、平面设计、服装设计、个人创意特区等内容。 设计除了具备“初级设计”和“次设计”的因素外,还需要融入“与众不同的设计理念——创意”。搜索 一、初级设计 范围划分一般是以是否在表达图形上是否以“具象化”为指导目标,标志设计就像绘画一样真实表现图形。 二、次级设

创意艺术设计的网站模板 50
查看详情 创意艺术设计的网站模板

工厂函数不依赖 thisnew,返回的是普通对象,使用起来简单直接。

示例:

```javascript function createUser(name, age, role) { return { name: name, age: age, role: role, introduce() { console.log(`我是${this.name},${this.age}岁,担任${this.role}`); } }; }

const user1 = createUser("小明", 25, "前端"); const user2 = createUser("小红", 28, "设计");

user1.introduce(); // 我是小明,25岁,担任前端 user2.introduce(); // 我是小红,28岁,担任设计

<p>优点是逻辑集中、调用方便,适合创建大量同类型但数据不同的对象。缺点是无法识别对象的具体“类”型(instanceof 不起作用)。</p>

<H3>建造者模式:分步构建复杂对象</H3>
<p>当对象结构复杂、需要多个步骤配置时,建造者模式更为合适。它将对象的构造过程拆解为多个方法,允许你一步步设置属性,最后调用 build() 方法生成最终对象。</p>
<p>这种模式提升了可读性和灵活性,特别适用于可选参数多、配置项复杂的场景。</p>
<font>示例:</font>
<p>```javascript
class UserBuilder {
  constructor() {
    this.user = {};
  }

  setName(name) {
    this.user.name = name;
    return this; // 返回this以支持链式调用
  }

  setAge(age) {
    this.user.age = age;
    return this;
  }

  setRole(role) {
    this.user.role = role;
    return this;
  }

  build() {
    // 可加入校验逻辑
    if (!this.user.name) throw new Error("姓名不能为空");
    return { ...this.user };
  }
}

const user3 = new UserBuilder()
  .setName("小刚")
  .setAge(30)
  .setRole("后端")
  .build();

console.log(user3); // { name: "小刚", age: 30, role: "后端" }
```</p>
<p>建造者模式的优势在于流程清晰、易于扩展,还能在 build 阶段统一处理默认值或验证逻辑。</p>

<H3>如何选择?</H3>
<p>如果只是创建结构简单、差异小的对象,工厂模式足够用,代码简洁易懂。如果对象初始化过程复杂,需要逐步配置或有多个可选步骤,建造者模式更合适,能提升代码组织性。</p>
<p>两种模式都不依赖原型和继承,属于创建型设计模式中的灵活方案。理解它们的区别,有助于在实际开发中写出更清晰、可维护的对象创建逻辑。</p>
<p>基本上就这些。根据需求选择合适的模式,能让代码更健壮也更容易测试。
登录后复制

以上就是JavaScript对象创建_工厂模式与建造者模式的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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