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";
然后,你可以像在同一个文件中一样使用这些代码。
这有助于编写更清晰、可维护和模块化的代码。