ES6 module语法加载 import export

这次给大家带来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接口

信赖看了这些案例你已经把握了办法，更多出色请关注百分百源码网其它相关文章！

相关阅读：

在HTML中怎样让版权符号更美妙

html两秒跳转至其他页面

在HTML中关于元素居中是什么需要留意的事项

以上就是ES6 module语法加载 import export的具体内容，更多请关注百分百源码网其它相关文章！