Hello Js

导航

设计一个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;

到目前,这个框架我已经完成,下面就是一些具体的添加,让我纠结的是,比之先人的代码 我少了很多,主要是先人的代码好些

我看不懂的,还是先一步一步的时间一些看看,最后看问题在哪儿就调哪儿。由于这次是一个架构上的设计,可以说每一步都是之

前没走过的,很难预测。嗯,加油。

 

 

 

posted on 2013-01-22 17:56  苏拉A梦  阅读(293)  评论(0编辑  收藏  举报