ES6 module语法加载 import export

  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中文网其它相关文章!
 
  相关阅读:
 
  在HTML中如何让版权符号更美观
 
  html两秒跳转至其他页面
 
  在HTML中关于元素居中有哪些需要注意的事项









本文转载自中文网

 

推荐阅读