JavaScript的ES5模块化开发

简介: 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)
})()
相关文章
|
7月前
|
JavaScript 前端开发
如何使用 JavaScript 实现模块化开发?
如何使用 JavaScript 实现模块化开发?
29 1
|
7月前
|
XML 前端开发 JavaScript
JavaScript代码优化利器:从ES5到ES6(二)
JavaScript代码优化利器:从ES5到ES6
|
7月前
|
JSON 自然语言处理 JavaScript
JavaScript代码优化利器:从ES5到ES6(一)
JavaScript代码优化利器:从ES5到ES6
|
3月前
|
前端开发 JavaScript
前端ES5 | js —添加元素方法
前端ES5 | js —添加元素方法
|
3月前
|
缓存 JavaScript 前端开发
JavaScript模块化开发:ES6模块与CommonJs的对比与应用
JavaScript模块化开发:ES6模块与CommonJs的对比与应用
37 2
|
6月前
|
Web App开发 JavaScript iOS开发
技术笔记:js数组定义和方法(包含ES5新增数组方法)
技术笔记:js数组定义和方法(包含ES5新增数组方法)
|
7月前
|
缓存 前端开发 JavaScript
Javascript模块化开发基础,最新美团点评前端团队面试题
Javascript模块化开发基础,最新美团点评前端团队面试题
|
7月前
|
JavaScript 前端开发
在JavaScript中实现模块化开发有多种方法
【5月更文挑战第10天】JavaScript模块化开发可通过CommonJS、AMD和ES6模块实现。CommonJS适用于服务器端,使用`require`和`module.exports`处理模块;AMD(如RequireJS)用于浏览器端,依赖`require`和`define`;ES6模块提供原生支持,使用`import`和`export`。选择方式需考虑项目环境、复杂度和技术栈。
59 4
|
7月前
|
JavaScript 前端开发 测试技术
【JavaScript技术专栏】JavaScript模块化开发实践
【4月更文挑战第30天】JavaScript模块化开发缓解了大规模应用的复杂性,通过拆分为独立模块提升代码可维护性、可读性和可测试性。CommonJS在Node.js中用于服务器,而AMD(RequireJS)适合浏览器的异步加载。ES6模块结合两者优点,提供原生支持。实践时遵循单一职责、命名规范和依赖管理等原则,借助Webpack、RequireJS等工具提升效率。模块化是现代JavaScript不可或缺的一部分,促进团队协作和代码复用。
79 0
|
缓存 JavaScript 前端开发
[Node] Node.js JavaScrpt模块化开发
[Node] Node.js JavaScrpt模块化开发