👨 作者简介:大家好,我是Taro,前端领域创作者
✒️ 个人主页:唐璜Taro
🚀 支持我:点赞👍+📝 评论 + ⭐️收藏
文章目录
- 前言
- 一、export default 和 import ?
- 1. export default 和 import
- 2. export default 和 export
- 总结
前言
提示:以下是本篇文章正文内容,下面案例可供参考
一、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.jsexport 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