防止此javascript代码中的内存泄漏?

我有一个django管理页面,用于嵌套类别列表,如下所示:

我编写此脚本是为了对列表进行排序并按层次结构呈现:

%extends“admin/change_list.html”%
{%加载I18N%}
%块页脚%

脚本& GT;
(函数){

var rows=document.getElementByID('result_list').getElementsByTagname('tr'),
table=rows[1].父节点行[1].父元素,
i=0,r,//跳过第一行
data=//存储类别数据

而(r=行[++i])。{
var catname=r.getElementsByTagname('a')[0],
k=catname.innerhtml,内部
opts=r.getElementsByTagname('select')[0],
J=1,OPT;
而(opt=opts[++j])。{
如果(!)选择)继续;
数据[k]={
标题:K,
儿童:,
父名:opt.innerhtml,
parentID:选项值,
类别名称:类别名称,
行:R
}
}
}

用于(数据中的var sub){
if(data[sub].parentname==sub)继续;
对于(数据中的var sup){
if(sup==data[sub].parentname){
data[sup].children[sub]=data[sub];
data[sub].parent=data[sup];
断裂;
}
}
}

VaR ALT=0;
for(数据中的var叶){
if(数据[leaf].parentname!=叶)继续;
walk(数据[叶],叶,函数(节点,节点名){
var n=节点,t=n.标题;
而(n=n.父){
t='· '+t;
}
node.catname.innerhtml=t;
node.row['class']=node.row['classname']='row'+alt++%2;
表.removechild(node.row);
table.appendchild(node.row);
(});
}

功能漫游(leaf、leafname、cb){
如果(cb)cb(leaf,leafname);
leaf.ready=真;
用于(叶中的var kid.children){
if(leaf.children[kid].ready)继续;
步行(leaf.children[kid],kid,cb);
}
}

}());
& /脚本& GT;

%端块%}
< /代码> 

…脚本运行良好,列表如下:


我的问题是:由于父/子对象创建的循环引用,我觉得脚本在垃圾收集能力较弱的UAS中很容易出现内存泄漏。这是我应该担心的事情吗?有没有更好的方法来写剧本?我应该删除脚本末尾的一堆东西吗?如果是,那又是什么?


我编写此脚本是为了对列表进行排序并按层次结构呈现:

{% extends "admin/change_list.html" %}
{% load i18n %}
{% block footer %}

<script>
(function(){

  var rows=document.getElementById('result_list').getElementsByTagName('tr'),
      table=rows[1].parentNode||rows[1].parentElement,
      i=0, r,      // skip the first row
      data={};     // store category data

  while (r=rows[++i]) {
    var catName=r.getElementsByTagName('a')[0],
        k=catName.innerHTML,
        opts=r.getElementsByTagName('select')[0],
        j=-1, opt;
    while (opt=opts[++j]) {
      if (!opt.selected) continue;
      data[k] = {  
        title:        k,
        children:     {},
        parentName:   opt.innerHTML, 
        parentId:     opt.value, 
        catName:      catName,
        row:          r
      } 
    }
  }

  for (var sub in data) {
    if (data[sub].parentName == sub) continue;
    for (var sup in data) {
      if (sup == data[sub].parentName) {
        data[sup].children[sub]=data[sub];
        data[sub].parent = data[sup];
        break;
      }
    }
  }

  var alt = 0;
  for (var leaf in data) {
    if (data[leaf].parentName != leaf) continue;
    walk(data[leaf], leaf, function (node, nodeName) {
      var n=node, t=n.title;
      while (n=n.parent) {
        t = ' &middot; &nbsp;' + t;
      }
      node.catName.innerHTML = t;
      node.row['class']=node.row['className']='row'+alt++%2;
      table.removeChild(node.row);
      table.appendChild(node.row);
    });
  }

  function walk (leaf, leafName, cb) {
    if (cb) cb(leaf, leafName);
    leaf.ready = true;
    for (var kid in leaf.children) {
      if (leaf.children[kid].ready) continue;
      walk(leaf.children[kid], kid, cb);
    }
  }

}());
</script>

{% endblock %}


…脚本运行良好,列表如下:


我的问题是:由于父/子对象创建的循环引用,我觉得脚本在垃圾收集能力较弱的UAS中很容易出现内存泄漏。这是我应该担心的事情吗?有没有更好的方法来写剧本?我应该删除脚本末尾的一堆东西吗?如果是,那又是什么?