将变量的值从一个js文件传递到另一个js文件

Question

有一个文件js，其中有一个变量。您需要将此变量的值传递给另一个js文件。怎么能实现呢？

document.getElementById('btn').onclick = function() {
  var bal = document.getElementById('bal').value;
  console.log(bal);
}

<input type="text" id="bal">
<input type="button" id="btn" value="Send">

这就是我在第一个文件中获取变量值的方法。在你的菜单中有输入，这个js文件负责读取输入的值并将其发送到另一个js文件，该文件将对它接收的数据执行某些操作，在google.com上说

Answer 1

在全局范围内创建变量，现在您可以在同一页面中的任何文件中使用它

Answer 2

您应该将代码放入一个模块（例如bal.js）：

 export default function(cb){
   document.getElementById('btn').onclick = function() {
      var bal = document.getElementById('bal').value;
      console.log(bal);
      cb(bal);
   };
 };

所以现在在另一个文件中你可以做到：

 import bal from "bal.js";
 bal(res => alert(res));

Answer 3

您可以使用会话存储来存储值并在下一个文件中检索它

在第一个文件中

sessionStorage.setItem('key', document.getElementById('bal').value);

在另一个js文件中

var data = sessionStorage.getItem('key');

Answer 4

首先，如果您正在处理任何网页，那么您将在网页中包含所有js文件。在这种情况下，没有不同的js文件的含义。当您将js文件包含到任何网页时，您可以从任何地方访问任何方法或变量，除非您在任何函数或类中声明该变量。

例如，您包含两个带脚本标记的文件。

<script type="text/javascript" src="assets/js/test.js"></script>
<script type="text/javascript" src="assets/js/test2.js"></script>

该行在一个文件中声明。

  var tst = "This line is from one js file";

这行来自另一个调用“test”变量的文件。

 console.log("This is anoter js file calling that variable "+tst);