如何使用静态代码分析显示所有JavaScript全局变量？

Question

我知道我可以在Chrome或FF中输入以下命令：

Object.keys(window);

但这会显示DHTMLX内容以及我不感兴趣的函数名称。它不会在尚未执行的函数中显示变量。 我们有超过20,000行JavaScript代码库，所以我更喜欢静态代码分析。 我找到了JavsScript Lint 。 这是一个很棒的工具，但是我不知道如何使用它来显示全局变量。

因此，我正在寻找内存泄漏，忘记的var关键字等等。

Answer 1

要[仅]做您要问的事情，我想您正在寻找的是：

for each (obj in window) {
    if (window.hasOwnProperty(obj)) { 
        console.log(obj);
    }
}

我没有删除该代码，这与我不同，但是您明白了。 首先尝试设置一些内容（ var spam = "spam"; ），您会在控制台上看到它的报告，而不是您询问要避免的内容。

也就是说， JLRishe是正确的 ； JSLint可以在浏览器中执行JavaScript，而无需“打电话回家”，因此可以随时运行它。 还有许多用于JSLinting代码的脱机工具。 例如，我使用Sublime Text插件 。

如果您希望使用一些最简单的html / JavaScript代码来“包装” JSLint，那么这里有一个示例。 只需从Crockford的存储库中将最新的jslint.js文件下载到同一目录中，然后使用JSLint.js的本地副本即可。 编辑：在此处的新答案中添加了代码。

尽管您了解到您正在使用该包装器本地访问， 或者访问JSLint.com时 。 老实说，我可以说有信心，克罗克福德不愿意看到我们的代码。 ; ^）您可以从JSLint.com下载JSLint.js（实际上是webjslint ，是几个文件的缩编），但是可以在浏览器中执行。

^{（不可否认，您在技术上是正确的-您永远都不知道该网站何时会受到威胁，并且要完全正常运行，每次获取新副本时都要sh / c / oul vet jslint.js。这是在本地运行更安全，但在撰写本文时，使用JSLint.com似乎很安全。在运行一些测试，非专有代码时，只需盯着您喜欢的浏览器的“网络”选项卡，看看是否有任何通话发生即可，或者拔出包装盒的网络电缆！）}

里克的回答是使用"use strict"; 是另一个很棒的建议。

Answer 2

捕获未声明变量的一种好方法是在代码中添加'use strict' 。

错误将显示在控制台中，或者您可以在try ... catch块中显示它们：

 'use strict'; try { var i= 15; u= 25; } catch(ee) { alert(ee.message); } 

Answer 3

我找到了一个很好的解决方案，可以使用jsl命令行工具列出所有全局变量：

这是文档

我只需要将/*jsl:option explicit*/放入要检查的每个文件中。 然后就可以运行./jsl -process <someFile> | grep 'undeclared identifier' ./jsl -process <someFile> | grep 'undeclared identifier'

也可以使用referenceFile包含一些有意的全局变量/*jsl:import <referenceFile>*/所以这些变量将不会列出。