关于import:ES-modules的导出方式

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