<-- home

ES6 import & export

ES6 中,一个模块 js 文件中可以有任意个 export (0、1、或者多个),而只能有一个 export default

当存在 export default 时,在另一个文件中导入时,可以使用 import A from './A',或者 import B from './A',可以任意命名导入的对象。

导入的是 export A 导出的对象 A 时,就需要使用 {},即 import { A } from './A',且 {} 中不能改变名字。我们可以一次性导入多个 export name,如 import A, {AOne, ATwo} from './A',还可以重命名 import A, {AOne as AOneX, ATwo as ATwoX } from './A'

总结:模块的默认导出通常是用在你期望该从模块中获取到任何想要的内容;而命名导出则是用于一些有用的公共方法,但是这些方法并不总是必要的。


参考