当前位置: 代码迷 >> Web前端 >> 【YUI源码分析】模块治理&名字空间
  详细解决方案

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

热度:118   发布时间:2012-11-10 10:48:50.0
【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

?

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

?

  相关解决方案