在 JavaScript 中导入其他脚本文件的方法包括：使用 <script> 标签加载。使用 import 声明进行按需加载。使用 require 函数加载 CommonJS 模块。使用 fetch() API 加载脚本。
如何用 JavaScript 引入其他 JavaScript 文件
简介：
JavaScript 加载其他 JavaScript 文件的过程称为导入或包含。这通常用于将代码模块化、组织化并提高应用程序的性能。
方法：
有几种方法可以在 JavaScript 代码中引入其他 JavaScript 文件：
1. <script> 标签：
<code class="html"><script src="./other-script.js"></script></code>
这会在 <head> 或 <body> 标签中创建 <script> 元素，并从指定源加载脚本。
2. import 声明：
<code class="js">import { myFunction } from './other-script.js';</code>这种方法适用于现代 JavaScript（ES6+），允许按需加载模块。它支持命名导入、默认导入和命名空间导入。
3. require 函数：
<code class="js">const myFunction = require('./other-script.js');</code>require 函数用于 CommonJS 模块，它在 Node.js 和一些浏览器中可用。它立即加载整个模块，并且不支持按需加载。
4. fetch() API：
<code class="js">fetch('./other-script.js')
.then(response => response.text())
.then(text => eval(text));</code>fetch() API 可以在 JavaScript 中进行 HTTP 请求。此方法使用异步 Promise 链加载脚本，但不如其他方法高效。
最佳实践：
- 尽量使用按需加载，如
import声明，以避免不必要的阻塞。 - 将外部脚本文件放在单独的文件中，以保持代码组织和可维护性。
- 对于需要全局访问性的函数或变量，可以使用
<script>标签加载主脚本文件。
