在前端开发中，我们经常需要获取页面中的全局变量。全局变量是定义在全局作用域中的变量，可以在任何地方访问它们。但是，在一些复杂的应用程序中，可能会有很多全局变量，手动一个一个去查找和写入代码显然是不可行的。所以，本文将介绍如何使用 JavaScript 获取页面中的所有全局变量。
方法一：遍历 window 对象
在 JavaScript 中，全局变量都是 window 对象的属性。因此，我们可以通过遍历 window 对象来获取页面中的所有全局变量。以下是示例代码：
-- -------------------- ---- -------
-------- ----------------------- -
----- ------------ - ---
--- ------ -------- -- ------- -
-- --------------------------------- -
----------------------------
-
-
------ -------------
-上面的代码首先创建了一个空数组 allVariables 来存储所有全局变量的名称。然后，通过 for...in 循环遍历 window 对象，并将每个全局变量的名称推入 allVariables 数组中。最后，返回数组即可。
这种方法非常简单，而且对于大多数情况下都可以正常工作。但是，由于 JavaScript 的灵活性，可能存在覆盖 window 对象的情况，从而导致无法完全获取所有全局变量。
方法二：使用 Object.keys()
另一种获取页面中所有全局变量的方法是使用 Object.keys() 函数。Object.keys() 函数可以返回一个包含对象所有属性名称的数组，我们可以将其应用于 window 对象，以获取页面中所有全局变量的名称。以下是示例代码：
function getAllGlobalVariables() {
const allVariables = Object.keys(window);
return allVariables;
}这个方法比第一种方法更简单，并且更可靠。但是，它也有一些缺点。例如，如果某个全局变量是通过 delete 关键字从 window 对象中删除的，则它不会出现在 Object.keys() 所返回的数组中。
总结
本文介绍了两种获取页面中所有全局变量的方法。第一种方法是遍历 window 对象。这种方法非常简单，但是可能无法完全获取所有全局变量。第二种方法是使用 Object.keys() 函数。这种方法更加简单和可靠，但是仍然可能存在一些限制。因此，在选择方法时需要根据具体情况进行权衡。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30581