如何从一个 JavaScript 文件访问另一个 JavaScript 文件中定义的变量？

在 JavaScript 中跨文件访问变量

您可以从不同的 JavaScript 文件访问变量吗？是的，可以在另一个文件（如 secondary.js）中使用在第一个文件（如first.js）中定义的变量。

全局范围和访问

在 JavaScript 中，如果变量在全局范围内声明（即不在函数内），定义后加载的所有脚本都可以使用该变量。这意味着可以在 secondary.js 中访问 first.js 中名为 colorCodes 的变量。

示例代码

示例如下：

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

<code class="javascript">// second.js
alert(colorCodes.back); // alerts "#fff"</code>

加载顺序和脚本标签

在 HTML 文件中，确保 first.js 在 secondary.js 之前加载，以便变量在第二个脚本中可用：

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

替代方法

您还可以将变量存储在 window 对象上（或全局范围内）来访问它：

<code class="javascript">// first.js
window.colorCodes = {
  // ... same object as before
};</code>

<code class="javascript">// second.js
alert(window.colorCodes.back); // alerts "#fff"</code>

以上是如何从一个 JavaScript 文件访问另一个 JavaScript 文件中定义的变量？的详细内容。更多信息请关注PHP中文网其他相关文章！