码迷,mamicode.com
首页 > Web开发 > 详细

JS模块化

时间:2017-10-15 10:54:02      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:mon   顺序   模块化   通用   功能   保存   复用   str   全局   

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

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

 

模块化标准

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

模块化标准
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模块化

标签:mon   顺序   模块化   通用   功能   保存   复用   str   全局   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!