跳到主要内容

JavaScript程序在另一个JS文件中包含JS文件

要理解这个示例,你应该具备以下 JavaScript 编程 主题的知识:

示例:使用 import/export

首先,我们创建一个名为 module.js 的文件(文件名可以随意),内容如下:

// 程序引入一个 JS 文件到另一个 JS 文件

const message = "hello world";

const number = 10;

function multiplyNumbers(a, b) {
return a * b;
}

// 导出变量和函数
export { message, number, multiplyNumbers };

为了在另一个文件中使用这些变量和函数,例如 main.js,你可以使用 import 关键字,如下:

// 从 module.js 导入变量和函数
import { message, number, multiplyNumbers } from "./modules.js";

console.log(message); // 输出:hello world

console.log(number); // 输出:10

console.log(multiplyNumbers(3, 4)); // 输出:12
console.log(multiplyNumbers(5, 8)); // 输出:40

要在另一个文件中包含代码,你需要使用 export 语句导出你想在另一个文件中使用的代码。例如,

export { message, number, multiplyNumbers };

你也可以进行单独导出。例如,

export const message = "hello world";

export const number = 10;

要从另一个文件中包含代码,你需要使用 import 语句,并通过文件路径导入。例如,

// 从模块文件导入代码
import { message, number, multiplyNumbers } from "./modules.js";

然后,你可以像在同一个文件中一样使用这些代码。

这有助于编写更清晰、可维护和模块化的代码。