- export && export default均可用于导出常量、函数、文件、模块
- 在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将它导入
注意:export
default命令用于指定模块的默认输出。一个模块只能有一个默认输出,因此export
default命令只能使用一次,并且只能导出一个(常量 | 函数 | 文件 | 模块),而export 可以使用多次。
因此使用export
default导出的数据,需要
import方式导入时,不用加{}
用export 导出的数据,
通过import方式导入时,则需要加{ }
eg:
student.js
// 第一组
export
default
方式:一次导出一个变量,import方式导入时,不用加{}
var student={
name:'zhangsan',
age:12,
sex:'woman'
} // 定义
export
default
student
// 输出
import
student from '
student';
// 输入
fun.js
// 第二组
export
方式:一次导出多个变量,import方式导入时,需要加{}
export
function
bb
() { // 输出
// ...
};
export const cc='haha'
import
{bb,cc} from '
fun';
// 输入
简单说就是:
export 的方式可以同时导出多个变量,引入的时候需要 import {**} form ***
export default的方式导出一个变量,引入的时候需要 import ** form ***