define 模块管理器的核心代码

来源：网络编辑：佚名时间：2015-12-31人气：

梁静茹情歌吉他谱,马兰坡爱情故事,兵器

来自：你不知道的javascript（上）一书 标签： <无>

代码片段(1) [全屏查看所有代码]

1. [代码][JavaScript]代码跳至 [1] [全屏预览]

<html>
<body>
<script>
var MyModules = (function Manager() {
	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
	};
})();

// 定义2个模块，并测试引用包的依赖。

MyModules.define("bar", [], function() {
	function hello(who) {
		return "Hello 2016: "+who;
	}
	return {
		hello: hello
	};
});

MyModules.define("foo", ["bar"], function(bar) {
	var name = "yanming";

	function awesome() {
		console.log(bar.hello(name).toUpperCase());				
	}
	return {
		awesome: awesome
	};
});

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

console.log(bar.hello("annoymouse"));
console.log(foo.awesome());
</script>
</body>
</html>

gulp 前端的一个基本workflow

个人前端模块化开发的一个简单工作流gulpfile.js，可实现实时预览及编译CSS，可压缩打包CSS,JS,IMAGES文件。

Tags标签lt gt bar name deps

define 模块管理器的核心代码

代码片段(1) [全屏查看所有代码]

1. [代码][JavaScript]代码 跳至 [1] [全屏预览]

gulp 前端的一个基本workflow

热门推荐

1. [代码][JavaScript]代码跳至 [1] [全屏预览]