对于前端模块化开发,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";
//导入为一个个变量,导入名字要与导出名字相同