Javascript 中的对象何时被构造？

Question

考虑下面的 Javascript 函数 (1)：

function setData(domElement) {
  domElement.myDataProperty = {
    'suppose': 'this',
    'object': 'is',
    'static': 'and',
    'pretty': 'big'
  };
};

现在我不喜欢这个函数的是，每次调用该函数时都会创建完全相同的对象。 由于该对象不会改变，我宁愿只创建它一次。 因此，我们可以进行以下调整（2）：

var dataObject = {
  'suppose': 'this',
  'object': 'is',
  'static': 'and',
  'pretty': 'big'
};

function setData(domElement) {
  domElement.myDataProperty = dataObject;
};

现在，该对象在脚本加载时创建一次并存储在 dataObject 中。 但我们假设 setData 仅偶尔被调用 - 大多数情况下，加载脚本时该函数都不会被使用。 在这种情况下，我不喜欢这个函数的是，对象总是被创建并保存在内存中，包括许多永远不会使用它的场合。 我想你可以做这样的事情来达到理想的平衡 (3)：

var dataObject;

function setData(domElement) {
  if (!dataObject) {
    dataObject = {
      'suppose': 'this',
      'object': 'is',
      'static': 'and',
      'pretty': 'big'
    };
  }
  domElement.myDataProperty = dataObject;
};

这有意义吗？ 我认为这取决于解释器决定创建对象的时间。 它真的会等到通过 !dataObject 条件，还是会进入函数，尝试变得聪明并决定提前构造它？ 也许不同的 Javascript 引擎对此有不同的政策？

当然，还有一个问题是这些优化在实践中是否重要。 显然，这取决于对象的大小、引擎的速度、可用资源量等因素。但总的来说，您认为哪一个是更重要的优化：从（1）到（2）或者从（2）到（3）？

Answer 1

答案是，你不应该知道。 您展示的示例之间几乎没有什么区别。 您合理担心这一点的唯一方法是，如果您有实际证据表明某种方式明显损害了特定解释器的性能或内存使用情况。 在那之前，口译员的工作就是为您担心这些事情。

也就是说，如果你真的想知道……尝试一下就知道了。 调用不同版本 1,000,000 次，看看有什么不同。

制作一个巨大的物体，看看是否会产生凹痕。 观看任务管理器。 尝试不同的浏览器。 报告您的结果。 与仅仅在互联网上询问一群混蛋他们猜测的情况相比，这是一种更好的查明情况的方法。

请记住，无论如何，对象都必须位于内存中，无论...作为源文本

Answer 2

必须创建一个新对象 - 它不能不创建，部分是因为规范要求它，但主要是因为替代行为会违反直觉，采取：

function f() {
    return {a : "b", c: "d"};
}
o=f();
alert([o.c, o.e]); // Alerts "b,"
delete o.c;
o.e="f";
o=f();
alert([o.c, o.e]); // If the object was only created once this would produce ",f"

您真的期望一个新对象表达式实际上不会生成您所要求的对象吗为了？ 因为这似乎就是你想要的。

可以想象，您只想这样做：

var myFunction = (function(){
    var object = {a: "b", c: "d"};
    return function() { return object; }
})();

这将获得您想要的效果，尽管您必须意识到您返回的对象是一个可以更改的完全可变的对象，并且每个人都将共享相同的变异实例。

Answer 3

首先，我会在情况 #2 中实现它，并在页面加载后立即加载一次。

如果页面速度存在问题，我会测量页面内特定任务所花费的时间。

如果创建对象非常昂贵（相对而言），那么我会转向情况 #3。

如果添加“if”语句确实没有给您带来任何好处，那么添加“if”语句就没有意义……在这种情况下，创建一个简单/大的对象对您的 CPU 来说并不费力。 没有测量，你就没有优化——你只是盲目地拍摄。

这实际上是我个人在 C++ 和 Java 中使用过的一种相当常见的初始化方法。

Answer 4

首先，这种优化在实践中永远不会重要。

其次，最后一个函数与第一个函数完全一样好。 嗯，差不多了。 在第一个例子中，我认为您受到垃圾收集器的支配，当您重新分配 domElement.myDataProperty 时，垃圾收集器应该会销毁旧对象。 不过，如果不确切知道垃圾收集器在目标平台上的工作原理（并且不同浏览器的情况可能会有很大不同），您就无法确定是否真的节省了任何工作。

Answer 5

在几个浏览器中尝试所有这三个方法，看看哪个更快。