代码改变世界

ES6 module语法加载 import export

2018-01-25 11:19  改吧  阅读(1051)  评论(0编辑  收藏  举报

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接口

 

 

 

欢迎补充😄😄😄