JS模块化写法

现代的模块机制,理解它,你也可以写出自己的库,还可以后面动态添加

var MyModules = (function Manager() {
	var modules = {};
	function define(name, deps, impl) {
		for (var i = 0; i < deps.length; i++) {
			console.log(deps,"111")
			deps[i] = modules[deps[i]];
		}
		modules[name] = impl.apply(impl, deps);
	}

	function get(name) {
		console.log(modules)
		return modules[name];
	}
	return {
		define: define,
		get: get
	};
})();

MyModules.define("bar", [], function() {
	console.log(this)
	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 bar = MyModules.get("bar");
var foo = MyModules.get("foo");
console.log(
	bar.hello("hippo")
); 
foo.awesome(); 

当然ES6提供了更加简洁的写法,那就是
a.js
exexport xxx;
b.js
import hello from “a”;

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值