修改javascript以显示函数范围的变量

Question

我希望能够公开一个功能范围的变量，该变量是网站（不是我的）JavaScript的一部分。

这是一个简化的示例：

function addHooks(e, t, n, i) {
    var props = {                    // Would like to expose this
        update: function() { ... },
        remove: function() { ... },
        find: function() { ... },
    };
    ...
}

在上面的示例中，我想公开props变量，以便我的webextension可以访问该变量以修改网站的行为。 请注意，提供此JS文件的网站不受我的控制，因此，我不能简单地修改源文件以导出此变量。 但是，我完全愿意修改浏览器运行的最终代码（我只是不知道该怎么做）。 包含addHooks函数的javascript文件似乎是通过XHR动态添加的。

尽管我不知道如何以编程方式完成此任务，但我在设置断点然后在浏览器的开发人员控制台中发布window.siteController = props取得了一些成功。 不幸的是，我不能打包和分发手动用户干预。

我一直在用的一种方法是对JS文件提出AJAX请求，修改其脚本内容并将其附加到页面上。

是否存在可以公开功能范围变量的规范化编程方式？

Answer 1

编辑：感谢Makyen指出了我的错误。 显然，如果您在页面脚本中重新定义该函数并将其作为脚本元素插入，则可能可以执行此操作。 （请参阅注释以获得两个参考）。

只要确保将<script>元素插入到原始定义之后，然后您就可以在函数的末尾return props ，或者使用this.props并将该函数用作构造函数或使用call函数，并传递将添加props属性的对象。

---

旧答案（显然是__错误__）

简短的答案：您不能。

完整说明：如果您无法更改函数代码，而只能使用函数（调用它），则无法更改其变量的范围（而且也不能更改。这是变量受限制的原因到当前范围）。

而且您不能更改网站的JavaScript。 作为Firefox或Chrome扩展程序（可能不确定是否会触发其他浏览器），您甚至无法访问该函数（更不用说它是内部变量了）。 我的意思是说，您甚至不能从网站代码中的扩展名中调用它。

内容脚本看不到页面脚本定义的JavaScript变量更多信息和源

Firefox / Chrome在与网站环境隔离的并行环境中运行JavaScript代码。 这当然是出于安全原因。 它还有助于您在不知道可能要插入代码的每个网站的确切内部运作的情况下进行开发，因为您无需担心命名冲突（如果不进行分隔，则是不可能的。环境）。 您唯一可以访问的是DOM，在某些情况下，您可以通过DOM来收集信息，更改网站甚至与网站交谈（该网站也应遵循您决定的协议）。

Answer 2

如果这是您要公开的props对象变量，则可以从functin返回整个对象，就像在闭包中一样。 或者，您可以简单地将一个封闭函数声明为构造函数，将props设置为this.props，然后使用new关键字在其他地方调用相同的函数。 让我知道这是否有帮助