使用对象构造函数创建一个html部分

Question

我正在创建一个网页，用户可以在其中为报告的某个部分做出贡献。单击按钮时，会向报告添加新的子部分。该部分将包含一个标题元素，一个段落元素和任意数量的图元素。

我正在使用对象构造函数来创建包含所有这些元素的对象。它看起来像这样（简化）：

function Subsection() {
  this.divSubsection = document.createElement("div");
  this.heading = document.createElement("h2");
  this.bodyText = document.createElement("p");
  this.figures = [];

  this.divSubsection.appendChild(this.heading);
  this.divSubsection.appendChild(this.bodyText);
}

这里我创建三个元素（div，h2和p）作为子节对象的属性。然后，我将后两个元素作为前者的孩子。

我现在将获得一个对象，其中h2和p元素在它们自己的属性下可用，并且还遍历divSubsection属性中的元素。属性是仅保存对元素对象的引用，还是在内存中重复？这种方法有什么问题吗？