Named Exports
// module1.js
export const name = 'Ben';
// app.js
import {name} from './module1.js'
console.log(name);
// Ben
// module1.js
const name = 'Ben';
export {name};
// app.js
import {name} from './module1.js'
console.log(name);
// Ben
通过观察下面的代码咱们发现,该形式导出的模块内容,必须用解构的形式拜访,也就是无奈间接用 module1.name
这样的形式拜访。
Default Exports
Default Exports
的导出形式,刚好能够补充 Named Exports
的对象拜访形式。
// module1.js
const name = 'Ben';
export default {name};
// app.js
import module1 from './module1.js'
console.log(module1.name);
// Ben
其它
对于 Named Exports
的导出形式,如果非要应用对象的拜访形式,则能够应用 * as xxx
语法,将模块中所有 Named Exports
导出的数据合并为一个对象,来达到目标。
// module1.js
export const name = 'Ben';
// app.js
import * as obj from './module1.js'
console.log(obj.name);
// Ben