javascript - 将 JQuery 字段存储在数组中与仅存储选择字符串相比如何？

Question

我必须存储大量 JavaScript 对象，这些对象需要包含消息以及选择关联 HTML 元素的方法。

目前，我一直在使用以下代码添加到此数组:

if (field[0].id != ""){
    this.selectorString = "#" + field[0].id;
}
else if (field.attr("name") != ""){
    this.selectorString = "[name='" + field.attr("name") + "']";
}

我不想存储整个字段，因为我对 JavaScript/JQuery 内存管理或其工作方式没有信心。与大量字段相比，选择字符串似乎是更安全的选择。然后，我可以使用存储的字符串来执行 JQuery 选择语句并操作该字段。

大问题

如果我存储字段，这会占用大量内存，还是纯粹引用已经存储在我知之甚少的 JavaScript 大黑洞中某处的对象？

有没有任何人都能想到的替代方案可以让我实现我的目标。 “字段”可以是 div/spans/输入字段/任何东西，可能不一定有 ID/名称 - 如果我不存储字段，这会导致问题。

非常感谢。

Answer 1

If I store the fields, will this take up a large amount of memory, or is it purely reference to an object that is already stored somewhere in the big black hole of JavaScript of which I know little?

仅供引用(“大黑洞”称为“DOM”或“DOM 树”，有时称为“页面”)。但请注意，如果您在某个时刻从 DOM 中删除了所引用的元素，但仍然从 JavaScript 变量中引用了该元素，则该元素将保留在内存中(只是不在内存中) DOM 树)直到/除非您为该变量分配新值或该变量超出范围。

具体示例:假设我们的页面上有这个:

<div id="foo">....</div>

我们有这样的代码:

var f = $("#foo");

现在我们有一个 jQuery 对象包裹着对该元素的引用。它不是元素的副本，只是对其的引用。

现在假设我们这样做了:

f.remove();

该 div 不再位于 DOM 中(在页面上)，但它仍然存在，因为我们仍然从 f 变量(间接； f 指的是 jQuery 对象，而该对象又指的是元素)。但是，如果该变量超出范围，或者我们为其分配其他值(例如，f = null;)，则该元素不会从任何地方引用，并且可以被回收。

如果您不从 DOM 中删除元素(直接或通过替换其祖先的内容来间接删除)，则仅使用很少的内存来引用现有元素。