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

最新推荐文章于 2017-07-23 20:24:56 发布

最新推荐文章于 2017-07-23 20:24:56 发布 · 306 阅读

文章标签：

#YUI #Yahoo #J# #框架 #编程

YUI 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了YUI框架中名字空间的实现方法及模块管理机制。详细分析了YUI如何通过创建对象来实现名字空间，以及如何利用YAHOO.register()解决多版本间的冲突问题。

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

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