使用“对象创建”而不是“新建”-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要创建对象来存储和操作数据。在 JavaScript 中，有两种方法可以创建对象：使用构造函数和使用对象字面量。但是，这两种方法都有它们的缺点，而使用“对象创建”技术可以帮助我们解决一些问题。

构造函数的问题

使用构造函数来创建对象是一种常见的方式。例如：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

var person1 = new Person('Alice', 25);

但是，使用构造函数存在一些问题。首先，每次创建对象时都需要使用 new 关键字，这样会很麻烦。其次，如果多个对象共享同一个方法，那么这个方法就会被复制多次，浪费空间。

对象字面量的问题

使用对象字面量也是一种常见的方式。例如：

var person1 = {
  name: 'Alice',
  age: 25
};

这种方法比较简单，但是它也存在一些问题。首先，当需要创建多个相似的对象时，代码会变得冗长和重复。其次，如果多个对象共享同一个方法，那么这个方法就必须定义在外部，增加耦合性。

使用“对象创建”技术

“对象创建”技术是一种将共享方法提取到一个单独的对象中，并将其作为原型传递给所有需要共享该方法的对象的方式。例如：

-- -------------------- ---- -------
--- --------------- - -
  --------- ---------- -
    ------------------- -- ---- -- - - -----------
  -
--

-------- ------------------ ---- -
  --- ------ - -------------------------------
  ----------- - -----
  ---------- - ----
  ------ -------
-

--- ------- - --------------------- ----

使用“对象创建”技术，我们可以解决构造函数和对象字面量带来的问题。首先，我们不再需要使用 new 关键字来创建对象，而是使用一个普通的函数来创建对象。其次，我们可以将共享的方法定义在 personPrototype 对象中，而不需要重复定义多次。

总结

使用“对象创建”技术可以帮助我们更好地组织代码，避免重复定义方法，降低耦合性，提高代码的可维护性和可扩展性。当需要创建大量相似的对象时，这种方式尤其有用。

示例代码：https://codepen.io/chatgpt/pen/qBjVQPy

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/8439