浮声新志

扫盲:JS模块化开发

什么是模块化开发

模块化开发(modular development),

模块化开发可以为我们解决以下问题

其一、恼人的命名冲突:
这个确实够烦人,为了解决之,我们动用闭包作用域、我们动用命名空间,再或者…

其二、烦琐的文件依赖:
这个问题更不必说,我们做前端支持的,常常要替后端同学们解决这类问题,我们自己也常常忽略这类问题。平常的开发中,我们要对我们的JS文件的加载顺序要小心加小心。一个字——确实烦。

其三、严重依赖文件的加载顺序:
当你使用script引入类库和外部脚本的时候肯定会遇到 类库标识未定义的问题等等问题像“$定义不存在、$.xxx() is not function”这样或那样的问题,一般都是类库严重依赖script文件的加载顺序导致的。

模块化开发的规范有哪些?

CommonJS和AMD、CMD、UMD。

CommonJS代表:

AMD代表: Require.js 、 curl.js

CMD代表: Sea.js

资源介绍:

博客资料:

Javascript模块化编程(一):模块的写法 - 阮一峰博客
Javascript模块化编程(二):AMD规范 - 阮一峰博客
Javascript模块化编程(三):require.js的用法 - 阮一峰博客

视频(Video)