ES6中的模块化

对于前端模块化开发，ES6提供了新语法

    <script src="./aaa.js" type="module"></script>
    <script src="./bbb.js" type="module"></script>

用了type="module"属性的script标签引入的JS文件会在一个块级作用域中，变量只会存在于自己的作用域中，不会污染全局变量，使用export关键字导出变量

const a=10;//导出后依然为const类型
let str='hello world';
function add(a,b){
    return a+b;
}
console.log(a);
console.log(str);
console.log(add(10,20));
export{a,str,add}//导出a,str,add这里使用了ES6中的字面量增强语法

导入可以一个个变量导入也可以直接导入一个对象

import * as obj from "./aaa.js";
//导入为一个对象，对象中有所有导出变量
import {a,add} from "./aaa.js";
//导入为一个个变量，导入名字要与导出名字相同