require.js

require函数实现用一句话概括：

依次加载require的模块，然后监测script的onload事件，判断所有模块加载成功，执行require的callback，如果只带一个参数且不是数组，就是加载成功后return 模块。

1 //标记已经加载成功的个数 2 var REQ_TOTAL = 0; 3 //模块导出 4 window.exports = {}; 5 //记录各个模块的顺序 6 var exp_arr = []; 7  8 //判断是否数组 9 function isArray(param) {10     return param instanceof Array;11 }12 13 //require 真正实现14 function require(arr, callback) {15 16     var req_list;17 18     if(isArray(arr)) {19         req_list = arr;20     } else {21         req_list = [arr];22     }23     var req_len = req_list.length;24 25     //模块逐个加载26     for(var i=0;i

然后写了2个导出模块的js文件，只写了最简单的exports实现

define.js

1 exports.define = {2     topic: 'my export',3     desc: 'this is other way to define ',4     sayHello: function() {5         console.log('topic ' + this.topic + this.desc);6     }7 }

define2.js

1 exports.define = {2     name: 'xm',3     age: 22,4     info: function() {5         console.log('topic ' + this.name + this.age);6     }7 }

然后测试demo很简单

1 //测试demo2 require(['../res/define.js', '../res/define2.js'], function(def, def2) {3     def.define.sayHello();4 5     def2.define.info();6 });

demo地址：

github地址：

打开console，看到如下结果

转载于:https://www.cnblogs.com/skyweaver/p/5978294.html

你可能感兴趣的文章