模块机制

大多数模块依赖加载器/管理器本质上都是将这种模块定义封装进一个友好的API。

var MyModules = (function(){
var modules = {};
function define(name,deps,impl){
for(var i =0;i<deps.length;i++){
deps[i] = modules[deps[i]];
}
modules[name] = impl.apply(impl,deps);
}
function get(name){
return modules[name];
}
return {
define : define,
get : get
}
})();

MyModules.define('bar',[],function(){
function hello(who){
return 'Let me introduce: ' + who;
}
return {
hello : hello
}
});


MyModules.define('foo',['bar'],function(bar){
var hungry = 'hippo';
function awesome(){
console.log(bar.hello(hungry).toUpperCase());
}
return {
awesome : awesome
}
});

var foo = MyModules.get("foo");
foo.awesome();

这段代码的核心是modules[name] = impl.apply(impl,deps),为了模块的定义引入了包装函数(可以传入任何依赖),并且将返回值,也就是模块的API,储存在一个根据名字来管理的模块列表中。

原文地址:https://www.cnblogs.com/jsmiao/p/4522969.html