对象字面量与构造函数创建对象的区别

本篇文章向大家介绍《对象字面量与构造函数创建对象的区别》，主要包括，具有一定的参考价值，需要的朋友可以参考一下。

对象字面量创建快且兼容JSON，构造函数适合批量创建和继承；字面量方法重复，构造函数通过prototype共享方法；漏new会导致this指向错误。

对象字面量直接写，构造函数得调用 new

对象字面量是最快创建单个对象的方式，写出来就可用；构造函数本质是普通函数，必须用 new 调用才能生成实例。不加 new 时，this 指向全局（非严格模式）或 undefined（严格模式），极易引发意外行为。

• 字面量：const obj = { name: 'Alice', age: 30 };
• 构造函数：function Person(name, age) { this.name = name; this.age = age; }，然后必须 const p = new Person('Alice', 30);
• 漏掉 new：运行 Person('Alice', 30) 后，name 和 age 会挂到全局对象上（浏览器里是 window），或报错（严格模式）

原型链和方法共享靠构造函数更自然

对象字面量的每个实例都是独立的，方法重复定义；而构造函数配合 prototype 可让所有实例共享方法，节省内存，也符合面向对象中“类”的语义。

• 字面量写法重复方法：const a = { say() { return 'hi'; } }; const b = { say() { return 'hi'; } }; —— a.say !== b.say
• 构造函数统一方法：Person.prototype.say = function() { return 'hi'; }; —— 所有 new Person() 实例共享同一个 say 函数
• ES6 类（class）只是构造函数的语法糖，底层仍依赖 prototype

JSON 兼容性只认字面量结构，不认构造函数

JSON.stringify() 只能序列化纯数据属性，忽略函数、undefined、Symbol 和原型上的属性。用构造函数创建的对象，若没手动赋值到实例自身，JSON.stringify() 会丢掉 prototype 上的方法和未显式设置的属性。

• 字面量天然兼容：JSON.stringify({ name: 'Alice' }) → '{"name":"Alice"}'
• 构造函数实例可能“空转”：const p = new Person('Alice', 30); JSON.stringify(p) 也能工作，但前提是 name 和 age 是实例自有属性（this.name），不是仅在 prototype 上定义的
• 若构造函数里没给 this 赋值，只靠 prototype 提供属性，JSON.stringify() 会返回空对象 {}

性能和可读性：简单数据用字面量，可复用逻辑用构造函数

字面量创建快、代码短、意图明确；构造函数适合需要批量创建、带初始化逻辑、需继承或扩展的场景。现代 JS 中，class 和工厂函数（返回字面量）也在分担构造函数的职责。

• 配置对象、API 响应数据、临时容器——优先用字面量
• 表示真实实体（如 User、CanvasRenderer）、需多态或生命周期管理——用构造函数或 class
• 工厂函数折中：function createUser(name) { return { name, createdAt: Date.now() }; }，兼顾复用性和无 new 负担

function Animal(name) {
  this.name = name;
}
Animal.prototype.speak = function() {
  return `${this.name} makes a sound`;
};

const dog = new Animal('Buddy');
console.log(dog.speak()); // "Buddy makes a sound"
console.log(dog instanceof Animal); // true

构造函数的 this 绑定、原型链初始化、instanceof 判断能力，这些细节一旦漏掉或误用，调试起来比字面量麻烦得多。

理论要掌握，实操不能落！以上关于《对象字面量与构造函数创建对象的区别》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！