首页 > 代码库 > export、export default、module.export区别
export、export default、module.export区别
在es6里面定义模块,导出模块时可以使用export、export default
这2者区别:
在同一个文件里面可以有多个export, 一个文件里面只能有1个export default
1 //a.js 2 3 export const test = ‘aaa‘; 4 5 export const a = function(){}; 6 7 8 //b.js 9 10 const test = ‘aaa‘;11 export default test;
使用import 引入的方式也有点区别:
使用export时,用import引入相应的模块名字一定要和定义的名字一样,而使用export default时,用import引入模块名字可以不一样。
1 import {test, a} from ‘a‘;2 3 import aa from ‘b‘;
另外如果使用webpack 的require引入 export default返回的模块时,需要额外写default
//webpack requirevar test = require(‘b‘).default;
可以使用webpack3.0配置解决这个问题,也可以使用module.export 来返回模块
module.export 为cmd语法
export、export default、module.export区别
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。