如何从 JS 文件中分配匿名 function

Question

希望每个人都会做得很好。

我正在开发一个使用fabric.js的项目，并且我有一个如下所示的JS文件：

(function(){
    this.foo = 'bar';
    this.bar = 'foo';
    ...........
    ...........
    ...........
    ...........
})();

现在，如果我想将上述脚本的结果存储到一个全局变量中，我该如何实现呢？
我要这个：

window.xyz = (function(){
    this.foo = 'bar';
    this.bar = 'foo';
    ...........
    ...........
    ...........
    ...........
})();

但是，正如我所说，这段代码在一个单独的 JS 文件中，我该如何实现呢？

Answer 1

你不能直接做你说你想做的事，除非你可以改变另一个文件，以便它把结果放在你的全局中或导出它的结果等。

间接方法是将文件作为字符串读取，在字符串的开头添加return ，然后通过new Function将其转换为代码：

window.xyz = new Function("return " + theFileContents)();

我不建议这样做，除非您可以绝对信任文件的内容（就像您信任通过import或require加载的文件一样）。 如果您可以信任它，这可行，但这是一种解决方法。

真正的解决方案是修改其他文件。

---

你说过这是在浏览器中。 这意味着您可以使用fetch加载另一个文件：

fetch("./the-other-file.js")
.then(response => {
    if (!response.ok) {
        throw new Error(`HTTP error ${response.status}`);
    }
    return response.text();
})
.then(code => {
    window.xyz = new Function("return " + code)();
})
.catch(error => {
    // ...handle/report error...
});

这与 HTML 中<script src="./the-other-file.js"></script>一样信任该文件的内容。