ES6module语法加载importexport的注意事项有哪些

本篇内容介绍了“ES6 module语法加载import export的注意事项有哪些”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

勉县网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作，到程序开发，运营维护。创新互联公司2013年成立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

这次给大家带来ES6 module语法加载 import export，ES6 module语法加载 import export的注意事项有哪些，下面就是实战案例，一起来看一下。

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

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

export {}
export function demo(){}
export var demo1;

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

function demo(){}
var demo1;
export {demo, demo1}
import {}

相应的当然有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接口

“ES6 module语法加载import export的注意事项有哪些”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！