javascript - 如何获取网页 HTML 可用的所有 JavaScript 函数？

Question

我想知道是否可以获取 HTML 中包含的所有 JavaScript 函数。例如，如果我的 HTML 包含以下内容:

<script src="https://www.example.com/script.js"></script>
<script>
  function foo() {}
  function bar() {}
</script>

如何使用 JavaScript 检索此网页可用的所有 JS 函数。在这种情况下，我需要检索 foo、bar 和 https://www.example.com/script.js 。执行 document.getElementsByTagName("script"); 只会将脚本作为 HTML 对象返回，但我需要获取 HTML 中包含的每个脚本的所有函数。这能做到吗？

Answer 1

您可以像这样迭代窗口对象并检测所有函数:

var list = [];
for (let i in window) {
    if (typeof(window[i]) === "function")
        list.push(i);
}
console.log(list)

通过围绕您的脚本执行此操作，我们可以检测中间添加的函数。

<script>
var list1 = [];
for (let i in window) {
    if (typeof(window[i]) === "function")
        list1.push(i);
}
</script>

<script>
// The script to measure
function newFunction() {}
</script>

<script>
var list2 = [];
for (let i in window) {
    if (typeof(window[i]) === "function")
        list2.push(i);
}
let functionList = list2.filter((item) => {return list1.indexOf(item) == -1})
console.log(functionList.join(" "));
</script>