ES6模块化语法

export是导出的意思，import是导入的意思。demo是项目文件夹，源文件夹为src

单个数据导出

demo>src>a.js        export var a=10;

demo>main.js        import {a} from ‘./src/a.js’;

批量数据导出

demo>src>c.js        var c1=10;var c2=100;var c3=1000;export {c1,c2,c3};

demo>main.js         

import {c1,c2,c3} from ‘./c.js’;

import * as c from ‘./c.js’//整体打包输出，输出的内容是一个数组

匿名导出

demo>src>d.js        export default function add(){console.log("!!!!!");}

demo>main.js         import fn from ‘./d.js’;fn()//匿名导出不能加{}

注意

需要注意的是，如果导入数据的时候，碰到重复的会报错，必须用as关键字取别名

import {a} from ’./a.js’

 import {a as a1,b} from ‘./b.js’