在 JavaScript 中调用其他 JavaScript 文件的几种方法：使用 标签，将脚本文件的路径放入 src 属性中。使用 XHR (XMLHttpReqeust)，包括创建 XHR 对象、设置请求类型、设置 onload() 处理程序、发送请求。使用动态 script 标签，包括创建 标签、设置 src 属性、将其添加到文档中。
如何使用 JavaScript 调用其他 JavaScript 文件
在 JavaScript 中调用其他 JavaScript 文件是一种常见的做法，可以用于模块化代码库并实现代码重用。有几种方法可以实现此操作。
使用 标签
最简单的方法是使用 标签。将需要调用的脚本文件的相对或绝对路径放入 src 属性中。例如：
使用 XHR（XMLHttpRequest）
XHR 是一种异步通信技术，可用于从服务器加载内容，包括 JavaScript 文件。要使用 XHR 调用 JavaScript 文件，请执行以下步骤：
- 创建一个 XHR 对象。
- 设置
open()方法中的请求类型为 "GET"，并指定 JavaScript 文件的 URL。 - 设置
onload()处理程序，该处理程序将在脚本文件加载完成后执行。 - 发送请求。
const xhr = new XMLHttpRequest();
xhr.open("GET", "my-script.js", true);
xhr.onload = function() {
// 脚本文件加载完毕后执行此代码
eval(xhr.responseText);
};
xhr.send();使用动态 script 标签
另一种方法是动态创建 标签并将其添加到文档中。这使您可以异步加载脚本文件，而无需等待其加载完成。
const newScript = document.createElement("script");
newScript.src = "my-script.js";
document.head.appendChild(newScript);哪种方法最合适？
哪种方法最合适取决于您的具体需求。
- 使用
标签是最简单的方法，但它需要等到脚本文件加载完成才能执行。 - 使用 XHR 或动态
script标签可以实现异步加载，但在某些浏览器中可能会存在兼容性问题。 - 如果您需要多次调用同一个 JavaScript 文件，则动态
script标签可能是最佳选择，因为它不会重新加载脚本。
