【YUI源码分析】模块管理&名字空间

1 ,关于名字空间:

       YUI 对于名字空间的实现,其实只是使用 YAHOO.namespace() 来创建对象。对于 YUI 而言就是创建了一个全局对象,

       比如:

       SINOSOFT={};

       SINOSOFT.util={};

这样的方式来区别定义名称。

      YAHOO.namespace() 方法源码:

// 其实返回什么不重要了,主要是已经创建了对象。

YAHOO.namespace = function() {

    var a=arguments, o=null, i, j, d;

    for (i=0; i<a.length; i=i+1) {

        d=(""+a[i]).split(".");

        o=YAHOO;

        // YAHOO is implied, so it is ignored if it is included

        for (j=(d[0] == "YAHOO") ? 1 : 0; j<d.length; j=j+1) {

            o[d[j]]=o[d[j]] || {};

            o=o[d[j]];

        }

    }

    return o;

};

// 按照上面的方法,可以用两种方法来声明 YAHOO.namespace(“widget.util”);

//YAHOO.namespace(“widget ”,”util”); 
 

 

       2 ,关于模块管理:

       YUI 的架构设计相当的强大,将最底层的一些通用调用的函数封装一个文件里面 yahoo-dom-event.js ,并且将模块之间的依赖尽量控制在最少,且将一些不是很常用可是通用的函数放在 utility 模块里面。当使用某种特性的时候只需引入所需文件即可。

       使用这样的方法来解决模块依赖问题。

       因为 YUI 的名字空间是使用创建对象这样的方式来实现,就会出现这样一种情况。当使用多个版本的 YUI 框架的时候,可能覆盖了以前的方法。

       所以就出现了 YAHOO.register() 这样的方法来进行控制且运行想要的代码。通过对 module 进行注册,注册的时候且同时保留模块的版本信息,来解决多个版本之间的冲突。

    

    YUI 的框架信息以及浏览器信息都存在名字空间 YAHOO.env

YAHOO.register = function(name, mainClass, data) {

    var mods = YAHOO.env.modules, m, v, b, ls, i;

 

    if (!mods[name]) {

        mods[name] = {

            versions:[],

            builds:[]

        };

    }

    m  = mods[name];

    v  = data.version;

    b  = data.build;

    ls = YAHOO.env.listeners;

 

    m.name = name;

    m.version = v;

    m.build = b;

    m.versions.push(v);

    m.builds.push(b);

    m.mainClass = mainClass;

 

    // 此处是模块注册的时候,顺便注册了其监听器

    for (i=0;i<ls.length;i=i+1) {

        ls[i](m);

}

 

    // label the main class

     if (mainClass) {

        mainClass.VERSION = v;

        mainClass.BUILD = b;

    } else {

        YAHOO.log("mainClass is undefined for module " + name, "warn");

    }

};
 

YAHOO.env 数据结构

YAHOO.env = YAHOO.env || {

    /**

     * Keeps the version info for all YUI modules that have reported themselves

     * @property modules

     * @type Object[]

     */

    modules: [],

    /**

     * List of functions that should be executed every time a YUI module

     * reports itself.

     * @property listeners

     * @type Function[]

     */

    listeners: []

}; 
 

 

学到一个编程的小技巧:

比如类似出现:

  e=e?e:window.event; 这样的代码。

  或者是

   if(e==null)   e=window.event;

可以简化成e=e||window.event

 

以上个人浅见,有错误欢迎指正。

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值