如何在 JavaScript 文件中引用另一个 JavaScript 文件 - 完整指南

在 JavaScript 开发中，你可能需要在某个 JavaScript 文件 (例如 1.js) 中使用另一个 JavaScript 文件 (例如 2.js) 中定义的函数、变量或其他代码。本文将介绍三种常用的方法来实现这一点：

在 1.js 文件中，你可以在需要使用 2.js 文件中的代码的地方，使用 <script> 标签引入 2.js 文件，例如：

<script src="2.js"></script>

这样，在 1.js 文件中就可以使用 2.js 文件中定义的函数、变量等。

如果 2.js 文件使用 ES6 的模块化语法，可以使用 export default 导出需要引用的代码，例如：

// 2.js 文件
export default function myFunction() {
  // ...
}

然后，在 1.js 文件中使用 import 语句引入 2.js 文件的默认导出，并使用该函数，例如：

// 1.js 文件
import myFunction from './2.js';

// 使用 myFunction 函数
myFunction();

注意：使用 import 语句需要在支持 ES6 模块化的环境中使用，或者使用工具（如 Babel）进行转换。

在 Node.js 环境中，可以使用 require 函数引入 2.js 文件中的代码，例如：

// 1.js 文件
const myFunction = require('./2.js');

// 使用 myFunction 函数
myFunction();

注意：使用 require 函数需要在 Node.js 环境中使用，而不是在浏览器环境中使用。