从另一个JavaScript文件中获取javaScript文件中的变量

Question

我正在完全使用JavaScript和jQuery构建一个非常基本的游戏。 它由两页组成。 第一页列出了所有规则和其他内容。 第二个实际上包括游戏。 我想实现Facebook登录并在首页上进行API调用。 我想获取用户的名称和个人资料图片，并在第二页中使用它。

但是 ，我严格希望将两个页面的javaScript文件分开。 我不想污染我的主游戏的JavaScript。 所以我的问题是，有没有办法“存储”第一页的javascript文件中的变量的内容并在第二页的javaScript文件中检索和使用它？

Answer 1

正在追踪您要寻找的东西：

在first.js ，您定义

var firstName="tom";

在second.js ，您可以使用该firstName

function returnFirstName(){
  return firstName; //use variable defined in first.js
}

但是您需要在Index.html中连接这两个文件

<script src="./first.js" />
<script src="./second.js" />

<script>
  returnFirstName(); //call function defined in second.js
</script>