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
?
以上个人浅见，有错误欢迎指正。
?