本文摘自PHP中文网,作者php中世界最好的语言,侵删。
这次给大家带来ES6 module语法加载 import export,ES6 module语法加载 import export的注意事项有哪些,下面就是实战案例,一起来看一下。export:暴露,就是把接口暴露出去
import:引入,跟字面意思一样,引入接口
1 2 3 |
|
这上面的两个export可以简写为
1 2 3 4 |
|
相应的当然有import了
import {demo,demo1} from ..path
当然也可以写另外一种写法 import * as name from ..path 然后引用的时候就是name.demo()这样子了
export default
还有就是export default
这个一个文件只能使用一次export default
export default function demo(){}
然后 import的时候
import default
import name(这个名字就是自己随意起的了) from ..path
看到没 这个没有大括号
但是
正是因为export default命令其实只是输出一个叫做default的变量,所以它后面不能跟变量声明语句。
所以 export default var a=1这样写会报错!!!!!
var a=1;
export defatult a ;
这样也是可以的
export * from 某一模块
这个export*会忽略掉模块的export default的输出的这个接口
那这样说的话 import * from 某一模块 是不是也import不到模块定义的export default接口
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
在HTML中如何让版权符号更美观
html两秒跳转至其他页面
在HTML中关于元素居中有哪些需要注意的事项
以上就是ES6 module语法加载 import export的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《module》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者