Moduli cha JavaScript

模块(Modules)

JavaScript 模块允许您将代码分解成单独的文件。

这会使维护代码库更加容易。

模块是使用 import 语句从外部文件导入的。

模块还依赖于

Jifunze kwa mwenyewe

导出

带有函数变量的模块可以存储在任何外部文件中。

导出有两种类型:命名导出默认导出

命名导出(Named Exports)

让我们创建一个名为 person.js 的文件,并在其中填充我们要导出的内容。

您可以通过两种方式创建命名导出。一种是逐个内联创建,另一种是在文件底部一次性全部创建。

Kufanya kwa kila muda kwa sababu ya kufikiria:

person.js

export const name = "Bill";
export const age = 19;

Kufanya kwa mara moja kwenye chakula cha mifumo:

person.js

const name = "Bill";
const age = 19;
export {name, age};

Muungano wa mazito (Default Exports)

让我们创建另一个名为 message.js 的文件,并用其演示默认导出。

一个文件中只能有一个默认导出。

实例

message.js

const message = () => {
const name = "Bill";
const age = 19;
return name + ' is ' + age + 'years old.';
};
export default message;

导入

您可以通过两种方式将模块导入到文件中,具体取决于它们是命名导出还是默认导出。

命名导出是使用大括号构造的。默认导出不是。

从命名导出中导入

从文件 person.js 导入命名导出:

import { name, age } from "./person.js";

Jifunze kwa mwenyewe

从默认导出导入

从文件 message.js 导入默认导出:

import message from "./message.js";

Jifunze kwa mwenyewe

Kuja heshima

Moduli huzingatia protokoli ya HTTP(s) tu.

Wenyeji ambao vinapokea kwa protokoli ya file:// hauwezi kutumia kuingia/kuwahesha.