ES6 中export 和export default的区别
相同点
- 1、export 和 export default 都可以导出常量、函数、文件、模块
- 2、你可以在其他文件中或者其他模块中通过 import (常量 | 函数 | 文件 | 模块)
不同点
- 3、在一个文件或模块中,export、import 可以有多个,
export default
只能导出一个。 - 4、通过 export 方式导出,在导出时需要加
{ }
,export defalut
则不需要。
// a.js
// 使用 export defalut
export const str = 'balala'
export function combo(sth){
return sth;
}
// b.js
// 导入
import { str,combo } from './a.js'
复制代码
export defalut
只能导出一个
// c.js
const str = 'balala'
export defalut str
// d.js
// 不需要大括号
import str from './c.js'