轻松清除所有脚本设置变量（Javascript/jQuery）

Question

我正在尝试找到一种简单的方法来重置 DOM 中的所有当前变量。我的应用程序处于“锁定”状态，但目前，当锁定时，如果您使用 Firebug 查看，最后一组信息在 DOM 中仍然可见。

我知道所有变量的所有名称，但我不想有一个包含所有变量（大约有 300 个）的非常麻烦的脚本，在其中我明确地清除它们的值。

有人知道是否有办法“清除”所有设置变量的 DOM？

如果这是一个愚蠢的问题，请提前道歉，并感谢您的回复。我的应用程序广泛使用 jQuery，但我所有的 Javascript/jQuery 搜索都显示为空白。

Answer 1

假设您将变量作为属性附加到 DOM 元素（您应该小心不要创建循环引用并触发 IE 内存泄漏；请参阅：crockford 文章）。

在关于泄漏的文章中，Crockford 先生提供了一个从所有 DOM 元素中清除函数引用的函数，这与您需要的类似：

function purge(d) {
    var a = d.attributes, i, l, n;
    if (a) {
        l = a.length;
        for (i = 0; i < l; i += 1) {
            n = a[i].name;
            if (typeof d[n] === 'function') {
                d[n] = null;
            }
        }
    }
    a = d.childNodes;
    if (a) {
        l = a.length;
        for (i = 0; i < l; i += 1) {
            purge(d.childNodes[i]);
        }
    }
}

他有

if (typeof d[n] === 'function') {

Replace with 逻辑来检查您的自定义属性/属性（在方便的地方保留一个列表）数组（如果您使用很多不同的属性），并确保您的属性名称没有与 src、title 等标准属性冲突）

Answer 2

不要用全局变量扰乱 DOM，而是尝试在它们周围放置一个范围（使用函数）。

这里更好地解释： http://robertnyman.com/2008 /10/09/explaining-javascript-scope-and-closures/

Answer 3

每个全局范围变量或函数实际上都是在当前窗口内定义的。您可以枚举对象的成员（请参阅这篇文章< /a>）。如果您可以分离用户定义的变量，那么您就拥有了所需的一切。也许您可以定义一个空窗口并比较这些变量。请参阅以下内容

var a=5

alert(window.a); //OR
alert(window["a"]);