备案域名购买

老域名出售,已备案域名查询,老域名注册,已备案域名交易,买老域名,二手老域名,出售老域名,上饶网站建设

主页 > seo教程 > javascript命名空间管理和文件同步载入

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

2014-8-17 22:3:46|作者:zhushican|分类: seo教程|浏览数:

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;
}
})();

文章评论

最新评论

回顶部