js文件相互调用方法

在JavaScript中，我们可以通过引入其他的 js 文件来实现模块化编程。当我们需要在一个 js 文件中调用另一个 js 文件的函数时，可以使用以下方法： 1. 使用全局变量

在被调用的 js 文件中定义一个全局变量，并在调用它的 js 文件中使用该变量。例如，在被调用的 js 文件中定义了一个名为 “myFunction” 的函数： ``` // file1.js

function myFunction() { console.log('Hello World!'); } ```

然后，在调用它的 js 文件中可以使用全局变量来调用该函数： ``` // file2.js myFunction(); ```

2. 使用模块化方式

在被调用的 js 文件中，使用 “export” 关键字来导出需要暴露的函数，然后在调用它的 js 文件中使用 “import” 关键字来引

- 1 -

入该函数。例如，在被调用的 js 文件中定义了一个名为 “myFunction” 的函数： ``` // file1.js

export function myFunction() { console.log('Hello World!'); } ```

然后，在调用它的 js 文件中使用 “import” 关键字来引入该函数： ``` // file2.js

import { myFunction } from './file1.js'; myFunction(); ```

以上就是在 JavaScript 中实现 js 文件相互调用的两种方法。使用全局变量的方式简单直接，但可能会出现命名冲突的问题。使用模块化方式则更加规范和安全，是推荐的方式。

- 2 -