我可以从另一个文件访问变量吗？

javascript scope

2022-08-30 00:41:36

是否可以在名为？first.jssecond.js

first.js包含一个名为的变量。colorcodes

答案 1

正如Fermin所说，全局范围内的变量应该被声明后加载的所有脚本访问。还可以使用或的属性（在全局范围内）来获得相同的效果。windowthis

// first.js
var colorCodes = {
  back  : "#fff",
  front : "#888",
  side  : "#369"
};

...在另一个文件中...

// second.js
alert(colorCodes.back); // alerts `#fff`

...在您的 html 文件中...

<script type="text/javascript" src="first.js"></script> 
<script type="text/javascript" src="second.js"></script>

答案 2

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

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

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

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