在 JavaScript 中引用 JavaScript 的方法有：直接引用：在 HTML 文件中使用 <script> 标签引用外部脚本。外部脚本：JavaScript 脚本存储在外部文件中，通过 <script> 标签引用。行内脚本：将 JavaScript 代码直接嵌入 HTML 文件的 <script> 标签中。模块系统：现代 JavaScript 支持模块系统，如 CommonJS 和 ES 模块，用于组织和复用代码。
如何在 JavaScript 中引用 JavaScript
直接引用
最简单的方法是在 HTML 文件的 <head> 或 <body> 标签中添加 <script> 标签：
<code class="html"><script type="text/javascript" src="myScript.js"></script></code>
外部脚本
如果 JavaScript 脚本位于外部文件（如 "myScript.js"）中，可以使用上述方法引用该脚本。
行内脚本
也可以使用 <script> 标签内嵌 JavaScript 代码，如下所示：
<code class="html"><script type="text/javascript"> // JavaScript 代码 </script></code>
模块系统
在现代 JavaScript 中，模块系统可用于组织和复用代码。有两种流行的模块系统：CommonJS 和 ES 模块。
-
CommonJS：使用
require()和module.exports来导出和导入模块，如下所示：<code class="js">// 模块 myModule.js module.exports = function() { ... }; // 使用模块 const myModule = require('./myModule'); myModule(); // 调用函数</code> -
ES 模块：使用
import和export关键字，如下所示：<code class="js">// 模块 myModule.js export function myFunction() { ... }; // 使用模块 import { myFunction } from './myModule'; myFunction(); // 调用函数</code>
注意事项
- 确保
<script>标签的src属性指向正确的 JavaScript 文件。 - 将 JavaScript 脚本放在
<body>标签的末尾可以提高页面加载速度。 - 外部脚本的加载顺序会影响页面的执行，因此请注意脚本之间的依赖关系。
