首页 / 知识

ES6 module语法加载 import export

2023-04-11 15:08:00

　　export:暴露，就是把接口暴露出去

　　import:引入，跟字面意思一样，引入接口

　　export{}

　　exportfunctiondemo(){}

　　exportvardemo1;

　　这上面的两个export可以简写为

　　functiondemo(){}

　　vardemo1;

　　export{demo,demo1}

　　import{}

　　相应的当然有import了

　　import{demo,demo1}from..path

　　当然也可以写另外一种写法import*asnamefrom..path然后引用的时候就是name.demo()这样子了

　　exportdefault

　　还有就是exportdefault

　　这个一个文件只能使用一次exportdefault

　　exportdefaultfunctiondemo(){}

　　然后import的时候

　　importdefault

　　importname(这个名字就是自己随意起的了)from..path

　　看到没这个没有大括号

　　但是

　　正是因为exportdefault命令其实只是输出一个叫做default的变量，所以它后面不能跟变量声明语句。

　　所以exportdefaultvara=1这样写会报错！！！！！

　　vara=1;

　　exportdefatulta;

　　这样也是可以的

　　export*from某一模块

　　这个export*会忽略掉模块的exportdefault的输出的这个接口

　　那这样说的话import*from某一模块是不是也import不到模块定义的exportdefault接口

　　相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！