javascript命名空间管理和文件同步载入
2009-04-11 20:05:21 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽i鍓х<闁诡垎鍐f寖闂佺娅曢幑鍥灳閺冨牆绀冩い蹇庣娴滈箖鏌ㄥ┑鍡欏嚬缂併劎绮妵鍕箳鐎n亞浠鹃梺闈涙搐鐎氫即鐛崶顒夋晬婵絾瀵ч幑鍥蓟閻斿摜鐟归柛顭戝枛椤牆顪冮妶搴′簼缂侇喗鎸搁悾鐑藉础閻愬秵妫冮崺鈧い鎺戝瀹撲礁鈹戦悩鎻掝伀缁惧彞绮欓弻娑氫沪閹规劕顥濋梺閫炲苯澧伴柟铏崌閿濈偛鈹戠€n€晠鏌嶆潪鎷屽厡闁汇倕鎳愮槐鎾存媴閸撴彃鍓卞銈嗗灦閻熲晛鐣烽妷褉鍋撻敐搴℃灍闁绘挻娲橀妵鍕箛闂堟稐绨肩紓浣藉煐濮樸劎妲愰幘璇茬闁冲搫鍊婚ˇ鏉库攽椤旂》宸ユい顓炲槻閻g兘骞掗幋鏃€鐎婚梺瑙勬儗閸樺€熲叺婵犵數濮烽弫鍛婃叏椤撱垹纾婚柟鍓х帛閳锋垶銇勯幒鍡椾壕缂備礁顦遍弫濠氱嵁閸℃稒鍊烽柛婵嗗椤旀劕鈹戦悜鍥╃У闁告挻鐟︽穱濠囨嚃閳哄啰锛滈梺褰掑亰閸欏骸鈻撳⿰鍫熺厸閻忕偟纭堕崑鎾诲箛娴e憡鍊梺纭呭亹鐞涖儵鍩€椤掑啫鐨洪柡浣圭墪閳规垿鎮欓弶鎴犱桓闂佸湱枪閹芥粎鍒掗弮鍫熷仺缂佸顕抽敃鍌涚厱闁哄洢鍔岄悘鐘绘煕閹般劌浜惧┑锛勫亼閸婃牠宕濋敃鈧…鍧楀焵椤掍胶绠剧€光偓婵犱線鍋楀┑顔硷龚濞咃絿妲愰幒鎳崇喓鎷犻懠鑸垫毐闂傚倷鑳舵灙婵炲鍏樺顐ゆ嫚瀹割喖娈ㄦ繝鐢靛У绾板秹寮查幓鎺濈唵閻犺櫣灏ㄥ銉р偓瑙勬尭濡繂顫忛搹鍦<婵☆垰鎼~宥囩磽娴i鍔嶉柟绋垮暱閻g兘骞嬮敃鈧粻濠氭偣閸パ冪骇鐎规挸绉撮—鍐Χ閸℃ê闉嶇紓浣割儐閸ㄥ墎绮嬪澶嬪€锋い鎺嶇瀵灝鈹戦埥鍡楃仯闁告鍕洸濡わ絽鍟崐鍨叏濡厧浜鹃悗姘炬嫹

新鲜出炉的东西 今天下午写了一下午
boot.js是核心文件
压缩包的例子里
test.html引用了ad.js
所有的js文件存在着这样的关联关系:
ad.js->ae.js
ad.js->abc.js
ae.js->abc.js
xnamespace实现了js文件的同步载入 只要js文件按照规范书写 就能使用using_xnamespace来保证它所依赖的库先于它载入
xnamespace对js文件的要求只有一个 就是文件必须用一个无名函数闭包(function(){ })()套在外面 即使不使用xnamespace 这也是很多高质量代码的做法
通过测试的浏览器 ie6 ie7 ff NetScape Safari
测试未通过的浏览器 Opera swift
下面是boot.js的内容
[复制]Code:
(function(){
var X={};
window.using_xnamespace=using_xnamespace;
window.regist_xnamespace=regist_xnamespace;
window.check_xnamespace=window.get_xnamespace=check_xnamespace;
window.import_xnamespace=import_xnamespace;
window.export_xnamespace=export_xnamespace;
var isIE=(window.navigator.appName=="Microsoft Internet Explorer");
function getFilePath(namespace)//跟据命名空间取得文件路径 私有的
{
namespace=namespace.split(".");
var file_path=X.file_path;
var i=0;
while((typeof file_path)=="object")
{
file_path=file_path[namespace[i++]];
}
return (file_path);
}
function check_xnamespace(namespace)//检查命名空间是否存在 如果存在 则得到命名空间
{
namespace=namespace.split(".");
var xnamespace=X;
var i=0;
while(i<namespace.length)
{
if(!xnamespace[namespace[i]])return;
xnamespace=xnamespace[namespace[i++]];
}
return xnamespace;
}
function regist_xnamespace(namespace)//注册命名空间
{
namespace=namespace.split(".");
var xnamespace=X;
var i=0;
while(i<namespace.length)
{
if(!(xnamespace[namespace[i]]))xnamespace[namespace[i]]={};
//if(typeof xnamespace[namespace[i]]!="object")throw "命名冲突";
xnamespace=xnamespace[namespace[i++]];
}
return xnamespace;
}
function using_xnamespace(namespace)//检查并加载命名空间
{
//alert();
if(check_xnamespace(namespace))return;
var file_path=getFilePath(namespace);
//alert(file_path);
var scriptElement=document.createElement("script");
scriptElement.src=file_path;
if(isIE)
{
scriptElement.document;
}
else
{
//alert(document.getElementsByTagName("head")[0]);
scriptElement.onload=function()
{
X.library_queue.run();
}
document.getElementsByTagName("head")[0].appendChild(scriptElement);
if(X.library_queue.push(arguments.callee.caller))
throw "库未加载";
}
}
function import_xnamespace(namespace)
{
var xnamespace=get_xnamespace(namespace);
for(var p in xnamespace)
{
if(window[p]==xnamespace[p])continue;
if(window[p]) throw "命名冲突";
window[p]=xnamespace[p];
}
}
function export_xnamespace(namespace)
{
var xnamespace=get_xnamespace(namespace);
for(var p in xnamespace)
{
if(window[p]==xnamespace[p])window[p]=undefined;
}
}
X.file_path={
a:{
b:{
c:"./abc.js"
},
d:"./ad.js",
e:"./ae.js"
}
}
X.library_queue=new Array();
X.library_queue.run=function(){
while(this.length)
{
(this.pop())();
}
}
X.library_queue.push=function(f)
{
for(var i=0;i<this.length;i++)
{
if(this[i].toString()==f.toString())return false;
}
this[i]=f;
return true;
}
})();
10.21 2007悄悄更新一下:分离了Exception和FilePath2个文件
Tags:javascript 命名 空间
编辑录入:爽爽 [复制链接] [打 印]更多精彩
赞助商链接