es6中export、export default、import的理解

export 与import是es6中新增模块功能最主要的两个命令。

a.js

export var a = 'my name is xiaoming';

然后一定要在hello模板中import该js

import {a} from '../../export/a.js';

console.log(a)

其中{}是一定要有的 

export多个文件

var a='my name is xiaoming',b='my name is xiaohong';

export {a,b}


然后import


import {a,b,} from '../../export/a.js';


console.log(a,b)


如果不想暴露变量的名称：使用as可以重命名关键字


var a='my name is xiaoming',b='my name is xiaohong';


export {a as x, b as y}





export 之后加上default意指默认接口的意思，在一个文件里面默认的只能有一个 

其区别就是{} 在export中 引入需要用{}来盛放


var a='my name is xiaoming'


export default a;


import a from '../../export/a.js';





要是多个变量


var a='my name is xiaoming',b='this is a bird';


export default {a,b};


在需要使用的js中


import anyoneword from '../../export/a.js'

console.log(anyoneword)//一个对象里面包含a,b两个变量





总结 其中export和export default最大的区别就是export不限变量数 可以一直写，而export default  只输出一次 而且 export出的变量想要使用必须使用{}来盛放，而export default 不需要 只要import任意一个名字来接收对象即可。　

export default可以跟在非匿名函数之前，也可以跟在匿名函数之前，同时也可以是一个对象之前。