是否可以从另一个文件中获取 javascript 变量？答案

【问题标题】：Is it possible to get the a javascript variable from another file live?是否可以从另一个文件中获取 javascript 变量？
【发布时间】：2019-10-30 19:18:57
【问题描述】：

我正在尝试创建一个系统，在该系统中我更改了一个文件上的变量，并且它显示在另一个文件上而无需刷新。这甚至可能吗？

文件 1 (javascript)：

testVar = "hi"

文件 2 (html)：

<head>
    <script type="text/javascript" src="file1.js"></script>
</head>
<body>
    <button onclick="test()">click</button>
    <script>
        function test(){
            alert(testVar);
        }
    </script>
</body>

我希望能够在文件 1 中将“hi”更改为“bye”，并让文件 2 提醒新消息（再见）而无需刷新。

【问题讨论】：

您可以尝试使用npmjs.com/package/nodemon 甚至expressjs.com/but 之类的东西，希望让浏览器在不刷新浏览器的情况下运行代码将采用类似HMR 的东西，正如@timotgl 所建议的那样

标签： javascript html variables live

【解决方案1】：

这是可能的，但需要付出很大的努力。 “热模块替换”是您的 google 关键字，因为这通常是为了通过自动重新加载页面或部分页面来简化单页面 JS 应用程序的开发。

您需要在您的机器上运行一个进程来监视本地文件系统以了解对源代码文件的更改。然后，网页需要包含一个脚本，该脚本会持续检查（通过与本地运行的 Web 服务器对话）是否所述源代码文件已更改。如果已更改，则必须将脚本标签插入到加载更新的源文件的 DOM 中。可能涉及更多细节，但这就是要点。

顺便说一句，在不使用 var、let 或 const 关键字的情况下分配变量并不是一个好习惯。

【讨论】：