export 与 export default区别

Posted 2020-11-22 jeff-zhu

export 输出对应 import 语句需要使用大括号 { }

export 命令后面是输出指定对外接口，实质是在接口名与模块内部变量之间建立一一对应的关系

export 命令可以出现在模块的任何位置，只要处于模块顶层就可以

export default 输出 对应 import 语句不需要大括号

export default 本质是将该命令后面的值赋给 default 变量或方法

export default 命令只能使用一次，所以 import 命令后面才不用加大括号，因为只可能对应一个方法

 

import 命令

import 命令具有提升效果会提升到整个模块的头部并首先执行，这种行为的本质是，import命令是在编译阶段执行的，在代码运行之前。静态执行

import语句会执行所加载的模块 import ‘lodash‘;

export var a = 2 ;     √

export default var a = 2 ; 　　×

export function crc32() { }　　　　　　√

export default function crc32() { } 　　 √