javascript - 在 Javascript 中清除窗口对象中的自定义变量

Question

这个棘手的问题让我挠了挠头好几天。

我正在从事一个项目，该项目涉及将一个已有 10 年历史的 Web 应用程序重新设计为单页应用程序。该应用程序很大 - 我们必须工作的时间非常紧迫，因此必须走一些捷径。

但总的来说，我对我们取得的进展印象深刻，因为我们必须克服一些有趣的技术障碍。

一个涉及清除所有自定义窗口变量。由于我们正在动态地重新加载应用程序的不同页面，因此我们需要清除所有自定义变量，以免发生冲突。我们所做的是首先加载应用程序的基本 Bootstrap 并将窗口对象的所有属性保存在一个数组中。

然后，在我们加载每个新页面之前，我们遍历窗口属性并清除所有不在我们保存的数组中的对象(将窗口状态恢复到页面加载之前)。

现在，除了 IE7 和 IE8(两者都需要支持)之外，这在我们测试过的所有浏览器中都可以正常工作。问题似乎是全局变量似乎并不总是在窗口对象上注册。

有没有人对这个问题有任何见解？知道如何解决这个 IE7 问题吗？

任何信息将不胜感激。

编辑: 在 Bootstrap 加载时，我们这样做:

for (i in window) {
   this.globalVars[i] = 1;
}

然后当我们加载一个新页面(通过 AJAX)时，我们会:

for (i in window) {
   if (!this.globalVars[i]){
       window[i] = undefined;
   }
}

最终解决方案:

最后，在有限的时间里，最简单的解决方法是简单地更改所有定义为 var x 的变量；到 var x = null;

不过，我找到了另一个解决方案。这里有一个小型图书馆，我将其用作替代解决方案的起点:http://www.thomasfrank.se/global_namespace.html

它并不完美(可能需要进行一些调整以使其更加稳定，例如在 AJAX 调用周围添加一个 try-catch block ，这样跨域脚本就不会崩溃)。它的工作方式是解析所有外部脚本文件和内部脚本，提取大量单词，然后可用于清除窗口对象的属性。

我们实际上经历了一些非常奇怪的事情——这个脚本没有正确地获取我们的很多变量……事实证明它使用 document.scripts 来获取页面上所有加载的脚本以便能够循环他们并解析他们。问题是 jQuery 不会以这种方式在页面上加载外部页面。它所做的只是根据我所知道的将代码传递给 exec 。因此，实际上没有向页面添加任何脚本标记。

解决此问题的方法是解析原始 AJAX 响应并存储对所有脚本标记的引用(以及我想提取的内联脚本)，然后修改库以能够处理这些文件。这应该可行，但由于速度原因，所有这些处理过程都太可怕了——发现我们可以简单地对所有变量定义进行搜索和替换，并完成大部分工作，而无需为每个页面加载进行大量工作。很明显我们应该走哪条路。

Answer 1

查看此问题:JavaScript: List global variables in IE

In IE, it global variables aren't enumerable unless you explicitly define them as properties of the window object.

因此，如果您要像这样分配变量:

var number = 42; // not inside any function

当您遍历 window 时，它不会显示。您必须像这样定义所有全局变量:

window.number = 42; 

或者像这样:

this.number = 42;