Named Exports

// module1.jsexport const name = 'Ben';// app.jsimport { name } from './module1.js'console.log(name);// Ben
// module1.jsconst name = 'Ben';export { name };// app.jsimport { name } from './module1.js'console.log(name);// Ben

通过观察下面的代码咱们发现,该形式导出的模块内容,必须用解构的形式拜访,也就是无奈间接用module1.name这样的形式拜访。

Default Exports

Default Exports的导出形式,刚好能够补充Named Exports的对象拜访形式。

// module1.jsconst name = 'Ben';export default {    name};// app.jsimport module1 from './module1.js'console.log(module1.name);// Ben

其它

对于Named Exports的导出形式,如果非要应用对象的拜访形式,则能够应用* as xxx语法,将模块中所有Named Exports导出的数据合并为一个对象,来达到目标。

// module1.jsexport const name = 'Ben';// app.jsimport * as obj from './module1.js'console.log(obj.name);// Ben