我确实喜欢上面说的答案，但它一开始并没有为我工作，因为我在jQuery $(document).ready()中声明这些变量。

因此，请确保在<script>标记中声明变量，而不是在其他地方。

我遇到了amplify.js。使用起来真的很简单。要存储一个值，让我们称它为“myValue”，你需要:

amplify.store("myKey", "myValue")

而要进入它，你需要

amplify.store("myKey")

这应该可以工作-在firstfile中定义一个全局变量，并从secondfile中访问它:

<script src="/firstfile.js"></script>
<script src="/secondfile.js"></script>

firstfile.js:

var colors = {
   text:'#000000',
   background:'#aaaaaa',
   something_else:'blue'
};

secondfile.js:

do_something_with(colors.background);

注意，加载脚本文件的顺序对于某些浏览器(当然是IE6，也可能是其他浏览器)很重要。

您可以使用export从第一个文件导出变量。

//first.js
const colorCode = {
    black: "#000",
    white: "#fff"
};
export { colorCode };

然后，使用import在第二个文件中导入变量。

//second.js
import { colorCode } from './first.js'

出口- MDN

我确实喜欢上面说的答案，但它一开始并没有为我工作，因为我在jQuery $(document).ready()中声明这些变量。

因此，请确保在<script>标记中声明变量，而不是在其他地方。

使用Node.js，你可以通过模块导出变量。

//first.js
const colorCode = {
    black: "#000",
    white: "#fff"
};
module.exports = { colorCode };

然后，使用require在第二个文件中导入模块/变量。

//second.js
const { colorCode } = require('./first.js')

你可以使用Webpack/Babel在ES6中使用导入和导出方法，但在Node.js中你需要启用一个标志，并使用.mjs扩展名。