JS 调用另一个 JS 的方法

在 JavaScript 开发中，经常会遇到需要在一个 JS 文件里调用另一个 JS 文件中方法的情况。这种操作能够有效提升代码的模块化与复用性，让项目结构更加清晰合理。

实现 JS 调用另一个 JS 的方法，首先要考虑文件的引入方式。在网页开发里，常用的是通过 <script> 标签来引入外部 JS 文件。例如，有两个 JS 文件，file1.js 和 file2.js。在 HTML 文件中，可以这样引入：

<script src="file1.js"></script>
<script src="file2.js"></script>

这里需要注意引入的顺序，如果 file2.js 要调用 file1.js 里的方法，那么 file1.js 应该先被引入，确保方法定义先于调用。

当文件引入完成后，就可以进行方法调用了。假设 file1.js 中有如下方法定义：

function greet() {
    return 'Hello, world!';
}

在 file2.js 里调用这个方法，有多种方式。一种简单直接的做法是，在全局作用域下直接调用：

// 假设 file1.js 里的 greet 方法已在全局作用域
const message = greet();
console.log(message);

不过，这种全局作用域的方式可能会导致变量和方法的命名冲突。更好的做法是使用模块化的方式。在 ES6 模块中，file1.js 可以这样定义：

export function greet() {
    return 'Hello, world!';
}

在 file2.js 中使用如下方式引入并调用：

import { greet } from './file1.js';
const message = greet();
console.log(message);

对于 CommonJS 模块系统（常用于 Node.js 环境），file1.js 定义如下：

exports.greet = function() {
    return 'Hello, world!';
}

在 file2.js 中调用：

const { greet } = require('./file1.js');
const message = greet();
console.log(message);

通过合理运用这些方法，开发者能够更高效地组织代码，将不同功能模块分离到不同的 JS 文件中，实现方法的相互调用，提升开发效率和代码质量，为构建大型复杂的 JavaScript 应用奠定坚实基础。