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

时间:2015-01-06 14:18:38

标签: javascript jquery html memory-management jquery-selectors

我必须存储大量的JavaScriptobjects,这些对象需要包含一条消息,以及一种选择关联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的黑洞中某个对象的对象,我对它知之甚少?

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

非常感谢。

1 个答案:

答案 0 :(得分:3)

  

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

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

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

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

我们有这个代码:

var f = $("#foo");

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

现在假设我们这样做了:

f.remove();

div已不在DOM中(在页面上),但它仍然存在,因为我们仍然从f变量引用它(间接地; f引用一个jQuery对象,反过来,指的是元素)。但是,如果该变量超出范围,或者我们为其分配了一些其他值(例如,f = null;),那么该元素不会从任何地方引用并且可以回收。

如果您没有从DOM中删除元素(直接或间接地通过替换他们祖先的内容),那么只需要很少的内存来简单地引用现有元素。