Javascript 简明教程

JavaScript - Modules

What is a Module?

JavaScript 中的 module 是包含 JavaScript 代码或脚本的单个文件。与其将整个应用程序的代码添加到单个文件中,我们可以分解代码并为具有相同功能的代码创建单独的文件。

简而言之,模块包含执行特定任务的代码。它可以包含变量、函数、类等。

当应用程序的大小增长时,代码中的行数也会增长。即使是实时应用程序也包含数百万行代码。现在,想想如果开发人员只有一个包含数百万行代码的文件。他们能够正确管理它吗?简单的回答是否定的。在此,使用模块开始发挥作用。

Syntax

用户可以遵循以下语法导出和导入模块。

export function func_name(parameters) {
// function code
}

import {func_name} from filename

在上述语法中, export 关键字用于从模块导出函数, import 关键字用于从模块导入函数。

Example

Filename: mul.js

在下面的代码中,我们在’mul.js’文件中定义了’mul()’函数,它接受两个整数作为参数并返回它们的乘积。此外,我们在’function’关键字前使用了’export’关键字,以便从模块导出函数。

//  exporting mul() function
export function mul(a, b) {
    return a * b;
}

Filename: test.html