您好,登录后才能下订单哦!
本篇内容主要讲解“es6中export和export default的区别是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“es6中export和export default的区别是什么”吧!
export与export default均可用于导出常量、函数、文件、模块
你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用
在一个文件或模块中,export、import可以有多个,export default仅有一个
通过export方式导出,在导入时要加{ },export default则不需要
其实很多时候export与export default可以实现同样的目的,只是用法有些区别。注意第四条,通过export方式导出,在导入时要加{ },export default则不需要。使用export default命令,为模块指定默认输出,这样就不需要知道所要加载模块的变量名。
可以用最新的webpack去测试,最新的webpack已经内置支持了es6的模块语法。
webpack.config.js
const pathlib=require('path'); module.exports={ mode: 'development', entry:'./js/main', output:{ path:pathlib.resolve('dest'), filename:'bundle.js'
js/main.js
import {fn} from './a'; import b from './b'; console.log(`a的值是${fn}`); console.log(`b的值是${b}`);
js/a.js
function fn(){ return { a:1000, age:21111111
js/b.js
export default { name:'bbbbbbbbb', age:122222222222
到此,相信大家对“es6中export和export default的区别是什么”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。