发表时间：2010-08-09
最后修改：2010-08-09
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
以上个人浅见，有错误欢迎指正。
