实现AMD规范

本文介绍了一种模块化编程的方法,通过定义和require函数实现模块的加载和依赖管理,展示了如何使用这种方式来组织代码,提高代码的可维护性和复用性。

废话不说,直接上代码:


//由于require依赖程序时要取模块依赖,所以所有的依赖应该有一个共同的载体,也就是对象,可以通过对象访问到这些依赖
let factories = {

}


function define(mod, dependences, factory){
	factory.dependences = dependences;
	factories[mod] = factory;

}

function require(mods, callback){
	let result = mods.map(function(mod){
		let factory = factories[mod];
		let dependences = factory.dependences;
		let exports;
		//当依赖又有其他依赖时,递归调用require
		require(dependences, function(){
			exports = factory.apply(null, arguments)
		})

		return exports
	})

	callback.apply(null, result)
}


define('name', ['tel'], function(tel){
	return '珠峰'+tel
})

define('age', [], function(){
	return 9
})

define('tel', [], function(){
	return '13698563957'
})


require(['name','age'], function(name, age){
   console.log(name,age)
})

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值