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

Question

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

目前，我一直在使用以下代码添加到这个数组中：

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

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

大问题

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

是否有任何人都能想到的替代方案，使我能够实现我的目标。 'fields' 可以是 divs/spans/input fields/anything，可能不一定有 ID/Name - 如果我不存储字段，这会导致问题。

非常感谢。

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?

只是一个参考（"big black hole" 称为 "DOM" 或 "DOM tree" 或有时 "page"）。但请注意，如果您删除您在某个时候从 DOM 引用的元素，但仍然从 JavaScript 变量中引用它，该元素保存在内存中（只是不在 DOM 树中）until/unless 您为该变量分配一个新值或该变量超出范围。

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

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

我们有这段代码：

var f = $("#foo");

现在我们有一个 jQuery 对象环绕着对该元素的引用。它不是元素的 copy，只是对元素的引用。

现在假设我们这样做了：

f.remove();

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

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

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

How does storing JQuery Fields in an array compare to just storing the selection string?

javascript

jquery

html

memory-management

jquery-selectors