JavaScript ES6 模块
时间: 2023-07-13 14:08:30 浏览: 53
JavaScript ES6 模块是一种在 JavaScript 中组织和共享代码的机制。它允许开发者将代码划分为独立的模块,并且可以在不同的文件中引用这些模块,从而实现代码的复用和维护。
ES6 模块使用 `export` 和 `import` 关键字来导出和导入模块。一个模块可以导出多个变量、函数或类,也可以默认导出一个值。导入模块时,可以使用命名导入和默认导入两种方式。
例如,我们有一个 `math.js` 模块,里面定义了加法和减法函数:
```javascript
// math.js
export function add(a, b) {
return a + b;
}
export function subtract(a, b) {
return a - b;
}
```
然后,在另一个文件中,我们可以使用 `import` 关键字来导入这些函数:
```javascript
// main.js
import { add, subtract } from './math.js';
console.log(add(1, 2)); // 输出 3
console.log(subtract(3, 1)); // 输出 2
```
这样就可以很方便地在不同的文件中共享代码了。除了命名导入,我们还可以使用默认导入,例如:
```javascript
// math.js
export default function add(a, b) {
return a + b;
}
// main.js
import myAdd from './math.js';
console.log(myAdd(1, 2)); // 输出 3
```
这里我们将 `add` 函数设置为默认导出,然后在 `main.js` 中使用 `import myAdd from './math.js'` 来导入。由于我们使用了默认导出,因此在导入时可以使用任意名称来绑定导出的值,这里我们用 `myAdd` 来表示。