导出与导入默认

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

我们可以设置一下模块可以默认导出的东西。每个模块都可以有一个默认要导出的东西。比如我想让 chef 这个模块里的 dinner 这个函数成为这个模块默认要导出的东西。

可以在它前面,添加一个 export default .. 这里用了一个 default,表示这是模块要默认导出的东西。 再打开 script.js ,在这个文件里,我们去导入 chef 模块默认导出的东西。

用一个 import .. 后面加上一个名字 .. 这个名字就是 chef 这个模块里默认导出的东西 .. 你可以根据自己的需求去定义这个名字 .. 比如可以是 dinner ,也可以是 chef .. 注意这里它的周围没有大括号 .. 在导入默认东西的时候不需要使用大括号 ..

后面加上一个 from .. 指定一下模块的位置 .. modules 下面的 chef ..

再使用一个 chef .. 这里的 chef 就相当于是 chef 模块里的那个默认导出的东西,也就是那个 dinner 函数 .. 给它两个参数 ... 一个苹果 ... 一个汉堡 ..

在控制台上会输出一句话 .. 再回到 chef.js .. 导出默认也可以这样 .. 去掉这个 export default .. 在下面,再用一个 export .. 一组大括号 .. 然后是 dinner 后面加上 as .. 接着是 default .. 意思就是,把 dinner 这个函数作为这个模块默认要导出的东西 ..

导出与导入默认《 JavaScript:ES6 新功能 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点