非模块化的弊端:
代码杂乱无章,没有条理性,不便于维护,不便于复用,很多代码重复、逻辑重复,全局变量污染,不方便保护私有数据(闭包)
模块化优势:代码条理清晰,利于管理维护,减少命名冲突,提升执行效率,方便单个模块进行功能调试
假设这里有两个js文件,aaa.js和bbb.js,在同一目录下
html中要通过下面这种方式导入
<script src="js/aaa.js" type="module"></script>
<script src="js/bbb.js" type="module"></script>
为了让bbb.js能够使用aaa.js定义的一些属性或变量,在aaa.js中需要导出,并在bbb.js中进行导入
1、先定义好再导出
//aaa.js
let name = "张三";
function sum(a,b){
return a+b;
}
export {
name,sum}
//bbb.js
import {
name,sum} from "./aaa.js"
console.log(name);
console.log(