首页 > Web开发 > 详细

JS模块化

时间:2017-10-15 09:55:57      阅读:301      评论:0      收藏:0      [点我收藏+]

 概念
由于项目功能越来越多,我们不能将所有的代码全部放在一起,这样的话,不利于代码的管理,以及后期维护,和日后的复用!

所以,我们会将代码按照不同的规则将代码拆分成一系列的模块,这个做法就是所谓的模块化!

 

模块化标准

标准
标准就是为了实现通用的目的,指定的一系列的规则,如果大家都遵守这个规则,那么就可以实现通用的效果

模块化标准
1. CommonJS: 为后端的js制定的标准,Node.js就是遵守这个CommonJS来实现模块化的!!!

2. AMD: Async Module Definition(异步模块定义), 实现了AMD标准的模块化技术代表为(require.js) 提倡依赖前置

3. CMD: Common Module Definition(通用模块定义), 实现了CMD标准的模块化技术代表为(sea.js) 提倡依赖延迟 As Lazy As Possible


 模块化的实现

1. 简单以文件作为模块(不推荐)
将项目中的不同功能的代码,单纯的以文件的形式进行保存

缺点:
1. 每个文件中并没有单独的作用域,在文件中声明的变量,都是全局变量,会造成全局变量污染
2. 模块之间的依赖关系,需要通过分析之后,用script标签的顺序来进行确定!

2. 通过require.js来实现模块化

JS模块化

原文:http://www.cnblogs.com/zhylg/p/7669847.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!