在 javascript 中引入 js 文件有两种主要方法：使用 标签或使用 import() 语句（仅限 es6+）。 标签简单易用，而 import() 语句允许模块化开发和延迟加载，但需要 babel 编译 es6+ 代码。
如何在 JavaScript 中引入 JS 文件？
在 JavaScript 中引入外部 JS 文件有两种主要方法：
1. 使用 <script></script> 标签
这是最简单的方法：
<code class="html"><script src="my_script.js"></script></code>
将此代码放在 HTML 文档的 或 部分中。这将下载并执行 my_script.js 文件。
2. 使用 import() 语句（仅限 ES6+）
ES6+ 引入了 import() 语句，它允许动态导入模块：
<code class="js">import myModule from "./my_module.js";</code>
这将导入 my_module.js 模块并将其赋值给 myModule 变量。
优点和缺点
<script></script> 标签：
- 简单易用
- 不需要 Babel 或其他编译器
import() 语句：
- 模块化开发
- 允许延迟加载
- 需要 Babel 编译 ES6+ 代码
最佳实践
- 对于小的脚本，
<script></script>标签通常更简单。 - 对于较大的模块化代码库，
import()语句更合适。 - 始终将外部 JS 文件放在文档末尾，以避免阻塞页面的加载。
