export default 和 export 的使用方式(六)
一:ES6 的导入模块方式和暴露对象方式:
- ES6 中导入模块使用:import 模块名称 from '模块标识符';import '表示路径';
- 在 ES6 中使用 export default 和 export 向外暴露成员;
- export default 向外暴露的成员可以用任意变量来接收;
- 在一个模块中,export default 只允许向外暴露一次
- 在一个模块中可以同时使用 export default 和 export 暴露成员;
- export:使用export向外暴露成员,只能使用 {} 的形式来接收,叫做按需导出;
- export:export 可以向外暴露多成员,同时如果默写成员,我们在 import 的时候,不需要则可以不在 {} 中定义;
- export:使用export 导出成员,必须严格按照导出的时候的名称来使用 {} 按需接受;
- export:使用 export 导出的成员,如果想换自定义名称接收,可以使用 as 来起别名;
test.js 文件:
//在 ES6 中使用 export default 和 export 向外暴露成员;
// var info = {
// name: 'zs',
// age: 20
// };
// export default info;
export default { name: 'zs', age: 20 } export var title = '小星星'; export var context = '哈哈哈哈';
main.js 文件:
import test,{ title as qwer, context} from './test.js'; console.log(test); console.log(qwer); console.log(context);
效果:
二:Node 导入模块方式和暴露对象方式:
- 在 node 中使用: var 名称 = require('模块标识符') 导入模块;
- module exports 和 exports 来暴露成员;