JavaScript对象创建与设计模式全解析

在文章实战开发的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《JavaScript创建对象及常用设计模式详解》，聊聊，希望可以帮助到正在努力赚钱的你。

JavaScript创建对象无唯一正确方式，需据场景选择：字面量适合一次性对象；构造函数+new适用于多实例复用；工厂函数更灵活且避免new陷阱；Object.create()用于精细控制原型链。

JavaScript 创建对象没有唯一“正确”方式，关键看你要解决什么问题：是快速生成单个实例？需要复用构造逻辑？还是隔离状态、控制访问？不同场景对应不同模式，强行套用反而增加复杂度。

直接字面量创建适合一次性对象

最轻量、最常用，适用于不需要复用构造逻辑、也不涉及继承的场景。比如配置项、API 响应数据包装、临时 DTO。

• 写法：{ name: "Alice", age: 30 }
• 优势：无原型链开销，可读性高，JSON 兼容性天然好
• 注意：所有实例共享同一份属性定义，无法动态添加私有状态或方法封装
• 别这么干：const obj = {}; obj.name = "Alice"; —— 多余赋值，不如字面量一步到位

构造函数 + new 是最基础的可复用模式

当你需要多个具有相同结构和行为的对象时，function Person(name, age) { this.name = name; this.age = age; } 加 new Person(...) 仍是底层事实标准。

• 方法挂载到 Person.prototype 上才能真正复用（如 Person.prototype.sayHi = function() { ... }）
• 错误示范：this.sayHi = function() { ... } 写在构造函数体内 → 每次新建都重复创建函数，浪费内存
• ES6 的 class 本质是语法糖，编译后仍是基于原型的构造函数，不要误以为它改变了底层机制

工厂函数比构造函数更灵活且避免 new 陷阱

不依赖 new，返回普通对象，天然支持闭包封装私有变量，也更容易做依赖注入或条件分支。

• 典型写法：function createUser(name, age) { const privateId = Math.random(); return { getName() { return name; }, getAge() { return age; } }; }
• 优势：无 this 绑定风险，可返回任意类型（包括 Promise、子类实例等），测试友好
• 性能提示：若内部创建大量闭包函数，可能比原型方法略占内存；但多数业务场景差异可忽略
• 常见误用：在工厂里反复 return { method() { ... } } → 函数未复用；应把通用方法抽到外部或用模块级缓存

Object.create() 适合精细控制原型链

当你明确需要指定某个对象作为新对象的原型（而非默认 Object.prototype），又不想走构造函数流程时，Object.create() 是最直白的选择。

• 示例：const animal = { eats: true }; const cat = Object.create(animal); cat.meows = true; → cat 原型是 animal，不是 Object.prototype
• 注意：Object.create(null) 创建的是“无原型”对象，hasOwnProperty 等方法不可用，适合做纯哈希表（如缓存 Map 替代方案）
• 陷阱：传入 null 或非对象参数会抛 TypeError；传入原始值（如 Object.create(42)）会自动装箱，但通常不是你想要的

真正难的不是选哪种模式，而是识别出“这个对象是否需要被多次创建”“它的状态是否该对外隔离”“未来会不会出现继承或装饰需求”。过早抽象或硬套设计模式，比用字面量多写两行代码代价大得多。

本篇关于《JavaScript对象创建与设计模式全解析》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！