admin 管理员组文章数量: 887032
2024年1月5日发(作者：linux多线程执行脚本)
ES模块化的导入导出（所有方法都要求掌握）
一、导出方法：
1. 默认导出（default export）：通过使用default关键字，可以将一个模块中的一个函数、对象或类作为默认导出。
例如，在一个模块中，通过export default关键字将一个函数作为默认导出：
```javascript
function add(a, b)
return a + b;
export default add;
```
默认导出的模块可以通过不使用花括号的方式导入：
```javascript
import add from './';
(add(1, 2)); // 输出3
```
2. 具名导出（named exports）：通过export关键字可以将模块中的多个函数、对象或类进行具名导出。
例如，在一个模块中，通过export关键字将多个函数进行具名导出：
```javascript
export function add(a, b)
return a + b;
export function subtract(a, b)
return a - b;
```
具名导出的模块需要使用花括号的方式导入，并指定导入的函数名：
```javascript
import { add, subtract } from './';
(add(1, 2)); // 输出3
(subtract(3, 2)); // 输出1
```
3. 统一导出（export）：通过使用export关键字，可以将一个模块中的多个函数、对象或类进行统一导出。
例如，在一个模块中，通过export关键字将多个函数进行统一导出：
```javascript
function add(a, b)
return a + b;
function subtract(a, b)
return a - b;
export { add, subtract };
```
统一导出的模块需要使用花括号的方式导入，并指定导入的函数名：
```javascript
import { add, subtract } from './';
(add(1, 2)); // 输出3
(subtract(3, 2)); // 输出1
```
二、导入方法：
1. 默认导入（default import）：通过使用import关键字，可以导入一个默认导出的模块。
例如，导入模块中的默认导出函数：
```javascript
import add from './';
(add(1, 2)); // 输出3
```
2. 具名导入（named import）：通过使用import关键字，可以导入一个具名导出的模块。
例如，导入模块中的具名导出函数：
```javascript
import { add, subtract } from './';
(add(1, 2)); // 输出3
(subtract(3, 2)); // 输出1
```
3. 统一导入（import）：通过使用import关键字，可以导入一个统一导出的模块。
例如，导入模块中的统一导出函数：
```javascript
import { add, subtract } from './';
(add(1, 2)); // 输出3
(subtract(3, 2)); // 输出1
```
4. 导入所有导出（import * as）：通过使用import关键字，可以导入一个模块中的所有导出。
例如，导入模块中的所有导出：
```javascript
import * as math from './';
((1, 2)); // 输出3
(ct(3, 2)); // 输出1
```
总结：
ES模块化的导入导出方法有默认导出、具名导出、统一导出和导入，以及导入所有导出。默认导入和默认导出使用default关键字，具名导入和具名导出使用花括号指定要导入或导出的函数名，统一导入和统一导出使用花括号指定要导入或导出的函数名，而导入所有导出使用import *
as关键字。
以上是ES模块化的导入导出方法的详细介绍，掌握这些方法可以使我们在开发中更好地组织和管理代码。
版权声明：本文标题：ES模块化的导入导出(所有方法都要求掌握) 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/free/1704453009h460405.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论