JavaScript的ES5模块化开发

ES5模块化开发

在没有es6之前采用es5的时候也是需要模块化开发的,下面就详细讲解一下es5模块化开发.

//html代码(在底部引入js文件)
<scrpit src='aaa.js'></script>
<scrpit src='bbb.js'></script>

现在我们bbb里面使用aaa的代码

aaa.js
//创建闭包环境是防止变量污染,全局变量命名冲突,如果没有返回值最好采用下面这种写法,防止代码没有结尾
//引起文件互相干扰等一系列问题
//;(function(){})()
//正式代码
var modelA=(function(){
var obj;
var flag=true;
var sum=function(a,b){
return a+b;
}
obj.flag=flag;
obj.sum=sum;
return obj;
})()

bbb.js
;(function(){
if(modelA.flag){
console.log('aaa里面的flag的值为true')
}
modelA.sum(1,2)
})()