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

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

本文关键字：存储 字符串 选择 数组 JQuery 字段      更新时间：2023-09-26

我必须存储大量的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/名称 - 如果我不存储字段，这会导致问题。

非常感谢。

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

只是一个参考（"大黑洞"被称为"DOM"或"DOM树"，有时称为"页面"）。但请注意，如果您在某个时候从 DOM 中删除了您引用的元素，但仍然从 JavaScript 变量中引用了它，则该元素将保留在内存中（只是不在 DOM 树中），直到/除非您为该变量分配新值或该变量超出范围。

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

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

我们有这个代码：

var f = $("#foo");

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

现在假设我们这样做了：

f.remove();

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

如果您没有从 DOM 中删除元素（直接或间接地通过替换其祖先的内容），那么很少的内存用于简单地引用现有元素。

相关文章：