JavaScript 将一个 JS 文件包含在另一个 JS 文件中的程序-立地货

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

在本例中，您将学习编写一个 JavaScript 程序，该程序将一个 JS 文件包含到另一个 JS 文件中。

要理解此示例，您应该了解以下JavaScript 编程主题:

JavaScript 变量和常量

JavaScript 函数和函数表达式

JavaScript 模块

示例: 使用导入/导出

让我们创建一个名为 module.js 的文件(文件名可以是任何内容)，内容如下:

// program to include JS file into another JS file
const message = 'hello world';
const number = 10;
function multiplyNumbers(a, b) {
    return a * b;
}
// exporting variables and function
export { message, number, multiplyNumbers };

为了将这些变量和函数包含在另一个文件中，比如 main.js，您可以使用 import 关键字作为:

// import the variables and function from 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 语句并使用文件路径导入。例如，

// importing codes from module file
import { message, number, multiplyNumbers } from './modules.js';

然后，您可以使用这些代码，因为它们是同一文件的一部分。

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