设计一个js的架构---第二篇
最近几天一直抽时间搭这个架子,具体的思路还算清晰,注意点如下:
1. 声明一个全局的变量(跨越文件的变量)
2. 将页面进行模块化,对应的js文件也模块化。
3. 每一个模块化的js文件都return一个function,并且将该function放到全局变量的命名空间里。
大致的思维就是这样,达到这种效果后,一个页面的js就可以在分布在多个js文件中,当各个js文件间需要互相通信的时候,就采用引用对应js文件的方式。
大致的框架:
var Lx = (function(){ var that={}; var Import = function(src){} //用于引用文件; var invoke = function(src,marker){} //用于触发引用的文件,并将触发后返回的function添加到Lx的命名空间中 that.Import = Import; that.invoke = invoke; return that; })() var Import = Import;
到目前,这个框架我已经完成,下面就是一些具体的添加,让我纠结的是,比之先人的代码 我少了很多,主要是先人的代码好些
我看不懂的,还是先一步一步的时间一些看看,最后看问题在哪儿就调哪儿。由于这次是一个架构上的设计,可以说每一步都是之
前没走过的,很难预测。嗯,加油。