-
Notifications
You must be signed in to change notification settings - Fork 8
/
amd.js
489 lines (482 loc) · 12.3 KB
/
amd.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
var require,
define;
(function() {
var toString = Object.prototype.toString,
lib = {},
relation = {},
finishUrl,
defQueue,
delayCount = 0,
delayQueue = [],
interactive = document.attachEvent && !window['opera'],
lock = {};
function isString(o) {
return toString.call(o) == '[object String]';
}
function isFunction(o) {
return toString.call(o) == '[object Function]';
}
function isUndefined(o) {
return typeof o === 'undefined';
}
/**
* @public amd定义接口
* @param {string} 模块id,可选,省略为script文件url
* @param {array} 依赖模块id,可选
* @param {Function/object} 初始化工厂
*/
define = function(id, dependencies, factory) {
if(arguments.length == 1) {
factory = id;
id = dependencies = null;
}
else {
if(!isString(id)) {
factory = dependencies;
dependencies = id;
id = null;
}
if(!Array.isArray(dependencies)) {
factory = dependencies;
dependencies = null;
}
}
var module = {
id: id,
dependencies: dependencies || [],
//另外一种依赖写法,通过factory.toString()方式匹配,智能获取依赖列表
rdep: isFunction(factory) ? getDepedencies(factory.toString()) : [],
factory: factory
};
//具名模块
if(id)
lib[id] = module;
//记录factory和module的hash对应关系
if(isFunction(factory))
record(factory, module);
//构建工具合并的模块先声明了url,可以直接跳过以后所有逻辑
if(finishUrl) {
fetch(module, finishUrl);
return;
}
if(document.currentScript) {
fetch(module, document.currentScript.src || location.href.replace(/#.*/, ''));
return;
}
//ie下利用interactive特性降低并发情况下非一致性错误几率
if(interactive) {
var s = document.head.getElementsByTagName('script'),
i = s.length - 1;
for(; i >= 0; i--) {
if(s[i].readyState == 'interactive') {
fetch(module, s[i].hasAttribute ? s[i].src : s[i].getAttribute('src', 4));
return;
}
}
}
//走正常逻辑,存入def队列
if(defQueue)
defQueue.push(module);
finishUrl = null;
}
define.amd = { jQuery: true };
define.url = function(url) {
finishUrl = getAbsUrl(url);
}
function fetch(mod, url) {
mod.uri = url;
lib[url] = mod;
finishUrl = null;
}
function record(factory, mod, callee) {
var ts = getFunKey(factory);
(relation[ts] = relation[ts] || []).push({
f: factory,
m: mod
});
}
function getFunKey(factory) {
return factory.toString().slice(0, 32);
}
/**
* @public 加载使用模块方法
* @param {string/array} 模块id或url
* @param {Function} 加载成功后回调
* @param {string} 模块的强制编码,可省略
* @param {array} 加载的链记录
*/
function use(ids, cb, charset, chain) {
defQueue = defQueue || []; //use之前的模块为手动添加在页面script标签的模块或合并在总库中的模块,它们需被排除在外
chain = chain || [];
var idList = isString(ids) ? [ids] : ids, wrap = function() {
var keys = idList.map(function(v) {
return lib[v] ? v : getAbsUrl(v);
}), mods = [];
keys.forEach(function(k) {
var mod = getMod(k);
if(!mod.exports) {
var deps = [];
mod.exports = {};
//有依赖参数为依赖的模块,否则默认为require, exports, module3个默认模块
if(mod.dependencies && mod.dependencies.length) {
mod.dependencies.forEach(function(d) {
//使用exports模块用作导出
if(d == 'exports')
deps.push(mod.exports);
//使用module模块即为本身
else if(d == 'module')
deps.push(mod);
else {
var m = lib[d] || getMod(getAbsUrl(d, mod.uri));
deps.push(m.exports);
}
});
deps.push(require);
deps.push(mod.exports);
deps.push(mod);
}
else
deps = [require, mod.exports, mod];
if(isFunction(mod.factory)) {
var ret = mod.factory.apply(null, deps);
mod.exports = isUndefined(ret) ? mod.exports : ret;
}
else {
mod.exports = mod.factory;
}
delete mod.factory;
mod.dependencies = mod.dependencies.concat(mod.rdep);
delete mod.rdep;
}
mods.push(mod.exports);
});
cb.apply(null, mods);
}, recursion = function() {
var urls = idList.map(function(v) {
return lib[v] ? v : getAbsUrl(v);
}), deps = [];
urls.forEach(function(url) {
var mod = getMod(url),
d = mod.dependencies;
//尚未初始化的模块检测循环依赖和统计依赖
if(isUndefined(mod.exports)) {
checkCyclic(mod, {}, []);
d.forEach(function(id) {
deps.push(lib[id] ? id : getAbsUrl(id, mod.uri));
});
mod.rdep.forEach(function(id) {
deps.push(lib[id] ? id : getAbsUrl(id, mod.uri));
});
}
});
//如果有依赖,先加载依赖,否则直接回调
if(deps.length)
use(deps, wrap, charset, Object.create(chain));
else
wrap();
};
if(isString(ids)) {
var url = getAbsUrl(ids);
if(lib[ids] || lib[url])
recursion();
else {
chain.push(url);
$$.load(url, function() {
//延迟模式下onload先于exec,进行2次幂延迟算法等待
if(delayQueue.length)
delayQueue.push(cb);
else
cb();
function cb() {
//必须判断重复,防止2个use线程加载同一个script同时触发2次callback
if(!lib[url]) {
if(defQueue.length) {
var mod = defQueue.shift();
fetch(mod, url);
}
else {
d2();
return;
}
}
recursion();
//如果还在延迟排队,执行延迟队列
if(delayQueue.length)
delayQueue.shift()();
}
function d2() {
//等待到defQueue中有了的时候即可停止延迟,另外当lib[url]有了的时候也可以,因为可能是打包合并的模块文件onload抢先了,此时合并的文件的模块没有存入defQueue,但在define.finish中传入url存入了lib[url]
if(defQueue.length || lib[url]) {
delayCount = 0;
cb();
if(delayQueue.length)
delayQueue.shift()();
}
else {
if(delayCount > 5) {
//这里可能有极低几率不准确,因为ie情况下define没进队列但得到了url属性,因此判断模块是否存在并执行;理论上倘若define还没执行但模块有老的,会出错
if(lib[url]) {
delayCount = 0;
recursion();
if(delayQueue.length)
delayQueue.shift()();
return;
}
throw new Error('2^ delay is too long to wait:\n' + chain.join(' -> '));
}
setTimeout(d2, Math.pow(2, delayCount++) << 4); //2 ^ n * 16的时间等比累加
}
}
}, charset);
}
}
else {
var remote = ids.length;
ids.forEach(function(id) {
use(id, function() {
if(--remote == 0)
recursion();
}, charset, Object.create(chain));
});
}
}
/**
* private 检测循环依赖
* @param {object} 模块
* @param {hashmap} 历史记录
* @param {array} 依赖顺序
*/
function checkCyclic(mod, history, list) {
if(!mod)
return;
var id = mod.uri || mod.id;
list.push(id);
if(history[id])
throw new Error('cyclic dependencies:\n' + list.join('\n'));
history[id] = true;
mod.dependencies && mod.dependencies.forEach(function(dep) {
checkCyclic(lib[dep] || lib[getAbsUrl(dep, mod.uri)], Object.create(history), Object.create(list));
});
}
/**
* private 根据传入的id或url获取模块
* @param {string} 模块id或url
*/
function getMod(s) {
var mod = lib[s];
if(!mod)
throw new Error('module undefined:\n' + s);
return mod;
}
/**
* 根据依赖script的url获取绝对路径
* @param {string} url 需要转换的url
* @param {string} 依赖的url
*/
function getAbsUrl(url, depend) {
//自动末尾补加.js
if(!/\.\w+$/.test(url))
url += '.js';
if(url.charAt(0) == '/')
depend = $$.base();
return $$.path(url, depend);
}
//默认的require虚拟模块
require = function(id, cb, charset) {
if(arguments.length == 0) {
return lib;
}
else if(arguments.length == 1) {
if(lib[id])
return lib[id].exports;
var caller = arguments.callee.caller,
ts = getFunKey(caller),
mod;
relation[ts].forEach(function(o) {
if(caller == o.f)
mod = o.m;
});
return getMod(getAbsUrl(id, mod.uri)).exports;
}
else {
use(id, cb, charset);
}
};
//仅对构建调试工具有效,不自动打包进来模块
require.async = require;
//同步使用模块,之后使用的必须等到同步执行完成后
require.sync = function(id, cb, charset) {
if(!Array.isArray(id)) {
id = [id];
}
id = id.map(function(id) {
return id.charAt(0) == '/' ? id.slice(1) : id;
});
function wrap() {
var first = true,
args = Array.prototype.slice.call(arguments, 0);
id.forEach(function(id) {
if(lock[id][0] != wrap) {
first = false;
}
});
if(first) {
wrap.execed = true;
cb.apply(null, args);
id.forEach(function(id) {
lock[id].shift();
while(lock[id].length) {
var w = lock[id][0];
if(w.execed) {
lock[id].shift();
}
else if(w.init && !w.execed) {
w.execed = true;
w.apply(null, w.args);
lock[id].shift();
}
else {
break;
}
}
});
}
else {
wrap.args = args;
wrap.init = true;
}
}
id.forEach(function(id) {
lock[id] = lock[id] || [];
lock[id].push(wrap);
});
require(id, wrap, charset);
};
define('require', require);
//exports和module
define('exports', {});
define('module', {});
function getDepedencies(s) {
if(s.indexOf('require', 11) == -1) {
return [];
}
var index = 11, peek, length = s.length, isReg = true, modName = false, parentheseState = false, parentheseStack = [], res = [];
while(index < length) {
readch();
if(isBlank()) {
}
else if(isQuote()) {
dealQuote();
isReg = true;
}
else if(peek == '/') {
readch();
if(peek == '/') {
index = s.indexOf('\n', index);
if(index == -1) {
index = s.length;
}
isReg = true;
}
else if(peek == '*') {
index = s.indexOf('*/', index) + 2;
isReg = true;
}
else if(isReg) {
dealReg();
isReg = false;
}
else {
index--;
isReg = true;
}
}
else if(isWord()) {
dealWord();
}
else if(peek == '(') {
parentheseStack.push(parentheseState);
isReg = true;
}
else if(peek == ')') {
isReg = parentheseStack.pop();
}
else {
isReg = peek != ']';
modName = false;
}
}
return res;
function readch() {
peek = s.charAt(index++);
}
function isBlank() {
return /\s/.test(peek);
}
function isQuote() {
return peek == '"' || peek == "'";
}
function dealQuote() {
var start = index,
c = peek,
end = s.indexOf(c, start);
if(s.charAt(end - 1) != '\\') {
index = end + 1;
}
else {
while(index < length) {
readch();
if(peek == '\\') {
index++;
}
else if(peek == c) {
break;
}
}
}
if(modName) {
res.push(s.slice(start, index - 1));
modName = false;
}
}
function dealReg() {
index--;
while(index < length) {
readch();
if(peek == '\\') {
index++;
}
else if(peek == '/') {
break;
}
else if(peek == '[') {
while(index < length) {
readch();
if(peek == '\\') {
index++;
}
else if(peek == ']') {
break;
}
}
}
}
}
function isWord() {
return /[\w$.]/.test(peek);
}
function dealWord() {
if(/[\w$.]/.test(s.charAt(index))) {
var r = /^[\w$.]+/.exec(s.slice(index - 1))[0];
modName = (/^require(\s*\.\s*async)?$/.test(r));
index += r.length - 1;
parentheseState = ['if', 'for', 'while'].indexOf(r) != -1;
isReg = ['else', 'in', 'return', 'typeof', 'delete'].indexOf(r) != -1;
}
else {
modName = false;
isReg = false;
}
}
}
})();