WEB开发网
开发学院网页设计JavaScript javascript命名空间管理和文件同步载入 阅读

javascript命名空间管理和文件同步载入

 2009-04-11 20:05:21 来源:WEB开发网   
核心提示:新鲜出炉的东西 今天下午写了一下午boot.js是核心文件压缩包的例子里test.html引用了ad.js 所有的js文件存在着这样的关联关系:ad.js->ae.jsad.js->abc.jsae.js->abc.jsxnamespace实现了js文件的同步载入 只要js文件按照规范书写 就能使用u

新鲜出炉的东西 今天下午写了一下午
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 命名 空间

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接