我可以从其他文件中访问变量吗？

Question

我可以从其他文件中访问变量吗？是否可以在first.js名为second.js？的另一个文件中调用的文件中使用变量？first.js包含一个名为的变量colorcodes。

Answer 1

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

// first.jsvar colorCodes = {

  back  : "#fff",
  front : "#888",
  side  : "#369"};

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

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

...在你的html文件中......

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

Answer 2

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

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

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

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

Answer 3

这应该工作 - 在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，也许是其他浏览器）