在 JavaScript 中，我们可以使用两种方式来创建对象：Object literal（对象字面量）和构造函数+原型。哪种方法更好呢？本文将详细介绍这两种方法的优缺点，并提供示例代码与指导意义。
Object literal（对象字面量）
Object literal 是一种简单而直接的方式来创建对象。它使用花括号 {} 来定义对象，然后添加属性和方法。
const myObject = {
property1: "value1",
property2: "value2",
method1: function() { /* ... */ },
method2: function() { /* ... */ }
}优点：
- 简单明了：创建对象的语法简单，易于理解和使用。
- 快速创建：不需要实例化对象，直接以字面量形式创建对象。
- 方便修改：可以随时在字面量中添加或删除属性和方法。
缺点：
- 没有公共属性和方法：每个对象都是独立的，没有共享属性和方法。
- 不可重用：如果需要创建多个类似的对象，需要复制和粘贴同样的代码。
Constructor+Prototype（构造函数+原型）
使用构造函数+原型的方式创建对象，首先创建一个构造函数，然后给原型添加属性和方法。然后使用 new 关键字创建实例对象。
-- -------------------- ---- ------- -------- ------------------- ---------- - -------------- - ---------- -------------- - ---------- - -------------------------- - ---------- - -- --- -- -- -------------------------- - ---------- - -- --- -- -- ----- -------- - --- ------------------ ----------
优点：
- 可重用：可以创建多个类似的对象，而不需要复制和粘贴代码。
- 共享属性和方法：所有通过构造函数创建的实例对象都共享同一个原型，从而具有相同的属性和方法。
- 容易拓展：可以随时在原型中添加或删除属性和方法。
缺点：
- 更复杂：使用构造函数和原型的方式比对象字面量更加复杂，需要理解原型链的概念。
- 需要实例化：创建对象需要使用
new关键字，不能像对象字面量一样直接创建。
指导意义
如果需要创建一个简单的对象，并且只需要在一个地方使用，那么使用对象字面量是更好的选择。例如，常量、配置选项等都适合使用对象字面量来创建。
如果需要创建多个类似的对象，并且这些对象需要共享属性和方法，那么使用构造函数+原型的方式是更好的选择。例如，创建一个用户类，每个用户都有相同的属性和方法。
示例代码
下面是一个完整的示例代码，演示了如何使用对象字面量和构造函数+原型来创建对象。
-- -------------------- ---- -------
-- ------ -------
----- ------ - -
---------- -------
--------- ------
--------- ---------- -
------ -------------- - - - - --------------
-
--
------------------------------- -- ---- ---
-- ----------- - ---------
-------- ----------------- --------- -
-------------- - ----------
------------- - ---------
-
------------------------- - ---------- -
------ -------------- - - - - --------------
--
----- ------- - --- -------------- -------
----- ------- - --- -------------- -------
-------------------------------- -- ---- ---
-------------------------------- -- ---- ---总之，Object literal 和 Constructor+Prototype 都是创建对象的有效方法。选择哪种方式取决于你的需求和偏好。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27094