在编写 JavaScript 代码时，全局变量是一个常见的问题。全局变量会污染命名空间并导致命名冲突。虽然不推荐在生产环境中使用全局变量，但有时候我们需要查看网站中存在哪些全局变量，以便进行调试和优化。
如何列出全局变量
可以通过以下方法来列出网站中使用的全局变量：
打开浏览器控制台，并转到“Console”选项卡。
输入以下代码：
Object.keys(window) .filter(function(key) { return !window.hasOwnProperty(key); });按下回车键执行代码，将显示所有非本地变量列表。
该代码通过 Object.keys() 方法获取 window 对象的所有属性。然后使用 filter() 方法过滤掉 window 对象自身拥有的属性，只返回非本地属性。因为本地属性是当前页面特定的变量和函数，而我们只想查找全局变量。
示例代码
以下示例代码演示了如何在控制台中列出全局变量：
-- -------------------- ---- -------
--------- -----
------
------
----------------- ------ --------- ---------------
-------
------
--------
--- --- - --------
--- - --------
---------
--------
-- ---- --- ------ --------- ---- -- ---- ---- --- ---------
-------------------------------
--------------------- -
------ ----------------------------
----
---------
-------
-------在这个例子中，我们定义了两个变量 foo 和 bar，其中 foo 是通过 var 关键字定义的局部变量，而 bar 是未使用 var 关键字定义的全局变量。当我们执行上面列出全局变量的代码时，控制台将只显示 bar 变量。
结论
全局变量虽然很方便，但容易引起命名冲突和意外结果。避免使用全局变量是一个好习惯，并且可以让代码更具可读性和可维护性。如果需要使用全局变量，请确保仅限于必要的情况下使用，并根据需要对其进行适当地管理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25909