File tree Expand file tree Collapse file tree 2 files changed +60
-2
lines changed Expand file tree Collapse file tree 2 files changed +60
-2
lines changed Original file line number Diff line number Diff line change
1
+ ### 定义: ###
2
+
3
+ 异步模块定义(AMD)是Asynchronous Module Definition的缩写,是 RequireJS 在推广过程中对模块定义的规范化产出。规范传送门
4
+ 通用模块定义(CMD)是Common Module Definition的缩写,是SeaJS 在推广过程中对模块定义的规范化产出。规范传送门
5
+
6
+ ### 区别: ###
7
+
8
+ 1 . 对于依赖的模块,AMD 是提前执行,CMD 是延迟执行。不过 RequireJS 从 2.0 开始,也改成可以延迟执行(根据写法不同,处理方式不同)。CMD 推崇 as lazy as possible.
9
+
10
+ 2 . CMD 推崇依赖就近,AMD 推崇依赖前置。看代码:
11
+
12
+ // CMD
13
+ define(function(require, exports, module) {
14
+ var a = require('./a')
15
+ a.doSomething()
16
+ // 此处略去 100 行
17
+ var b = require('./b') // 依赖可以就近书写
18
+ b.doSomething()
19
+ // ...
20
+ })
21
+
22
+ // AMD 默认推荐的是
23
+ define([ './a', './b'] , function(a, b) { // 依赖必须一开始就写好
24
+ a.doSomething()
25
+ // 此处略去 100 行
26
+ b.doSomething()
27
+ ...
28
+ })
29
+
30
+ 虽然 AMD 也支持 CMD 的写法,同时还支持将 require 作为依赖项传递,但 RequireJS 的作者默认是最喜欢上面的写法,也是官方文档里默认的模块定义写法。
31
+
32
+
33
+ 3 . AMD 的 API 默认是一个当多个用,CMD 的 API 严格区分,推崇职责单一。比如 AMD 里,require 分全局 require 和局部 require,都叫 require。CMD 里,没有全局 require,而是根据模块系统的完备性,提供 seajs.use 来实现模块系统的加载启动。CMD 里,每个 API 都简单纯粹。
34
+
35
+
36
+ 4 . 还有一些细节差异,具体看这个规范的定义就好,就不多说了。
37
+
38
+ 另外,SeaJS 和 RequireJS 的差异,可以参考:https://github.com/seajs/seajs/issues/277
39
+
40
+ 比较 NodeJS 和 SeaJS 在模块机制上的异同
41
+
42
+ ### 比较两者在模块环境上的区别。 ###
43
+
44
+ 已知差异点:
45
+ >
46
+ NodeJS 里,模块文件里的 this === module.exports;
47
+ SeaJS 里,this === window。
48
+ NodeJS 里,模块文件里的 return xx 会被忽略;
49
+ SeaJS 里,return xx 等价 module.exports = xx。
50
+ NodeJS 里,require 是懒加载 + 懒执行的。在 SeaJS 里是提前加载好 + 懒执行。
51
+ SeaJS 里,require(id) 中的 id 必须是字符串直接量。NodeJS 里没这个限制。
52
+
53
+ 参考:https://github.com/seajs/seajs/issues/141
Original file line number Diff line number Diff line change @@ -111,10 +111,15 @@ Observer-Pattern
111
111
1 function前加操作符
112
112
113
113
<h3 name =" Module " > javascript 模块化规范</h3 >
114
- <h4 >1. AMD</h4 >
115
- <h4 >2. CommonJS</h4 >
114
+ <h4 >1. AMD</h4 >
115
+ > [ https://github.com/wchaowu/javascript-code/tree/ ] ( https://github.com/wchaowu/javascript-code/tree/ " https://github.com/wchaowu/javascript-code/tree/ ") master/AMD
116
+ <h4> 2 . CommonJS</h4 >
117
+ > [ https://github.com/wchaowu/javascript-code/tree/master/CommonJS ] ( https://github.com/wchaowu/javascript-code/tree/master/CommonJS " https://github.com/wchaowu/javascript-code/tree/master/CommonJS ")
118
+
116
119
<h3 name =" html5 " >HTML5<h5 >
120
+ Canvas
117
121
<h3 name =" NodeJs " >Node.js</h3 >
122
+
118
123
------------------------
119
124
## 推荐学习资源 ##
120
125
You can’t perform that action at this time.
0 commit comments