个人自学前端47-export default 和 import语句中对象的解构赋值问题

目录

• 共同点
• 区别
• 一. export default
  • 1.错误
  • 2.正确
• 二. export

共同点

export与export default均可用于导出常量、函数、文件、模块等。

区别

1.在一个文件或模块中，export、import可以有多个，export default仅有一个
2.通过export方式导出，在导入时要加{}，export default则不能加
3.export能直接导出变量表达式，export default不行

一. export default

export default命令用于指定模块的默认输出。一个模块只能有一个默认输出，相应的import命令后面不能加大括号，因为只可能对应一个方法，不属于对象的解构赋值。

所以在import的时候，可以自定义该模块的名字，不需要知道模块本身的变量名。

1.错误

这时候，等同于：

import {default as {getTypeErrorTip}} from './modelUtil'

会导致报错

2.正确

这时候，等同于：

import {default as modelUtil} from './modelUtil'

二. export