export、export default 和import

作者简介：大家好，我是Taro，前端领域创作者
✒️ 个人主页：唐璜Taro
支持我：点赞+ 评论 + ⭐️收藏

---

---

前言

提示：以下是本篇文章正文内容，下面案例可供参考

---

一、export default 和 import ？

1. export default 和 import

export default 和 import 是ES6中模块化的语法，用于导出和引入模块：

• export 和 export default 均用于导出常量、函数、文件、模块；import 用于导入
• 通过 export 方式导出，在导入时要加 { }，export default则不需要
• 在js文件中，export、import可以有多个，export default仅有一个
  

2. export default 和 export

export default 和export 在于导入语法不同：

• 使用export导出的模块需要使用 { } 来引入
• export default导出则不需要

代码如下（示例）：

// demo.js

export const num1 = 1;
export const num2 = 2;

export default function() {
  console.log('default function');
}

// main.js
import { num1, num2 } from './demo'; // 使用 { } 引入
import defaultFunc from './demo'; // 直接引入

该处使用的模拟数据

---

总结

提示：这里对文章进行总结：

在实际开发中，如果需要导出多个变量或者需要在导出的变量中指定名称，可以使用export；如果只需要导出一个变量，并且不需要指定名称，可以使用export default