js框架设计1.1命名空间笔记

借到了司徒正美的写的js框架设计一书,司徒大神所著有些看不太懂,果然尚需循序渐进,稳扎js基础之中。

第一张开篇司徒阐述了种子模块的概念

种子模块亦为核心模块,框架最先执行模块,司徒见解应包含:对象扩展、数组化,类型判定,简单事件的绑定和写在,无冲突处理,模块加载与domReady。应具有扩展性、常用、稳定等特点。

1.1 命名空间

一观各大框架,基本是定义一个全局变量作为命名空间,如Ext的Ext等,大体抽象取例为:

if(typeof(Ten)==='undefined'){
    Ten={};
    Ten.Function = {};  
    Ten.JSONP = new Ten.Class();
}

为了能够让几个库的命名能够共存,大家不抢着用'$',jquery有解决这种冲突的代码写法:

var _jQuery = window.jQuery;
// 初始化jquery之前保存window.jQuery。
_$ = window.$
//先把可能存在别的要用$符号的框架 用同名变量保存起来

    
jQuery.extend({
        noConflict: function( deep ) {
        if ( window.$ === jQuery ) {
                window.$ = _$;
        }
        if ( deep && window.jQuery === jQuery ) {
                window.jQuery = _jQuery;
        }
        return jQuery;
        }
});

这样就可以多库共存了 ,但是ext等其他框架就无法这样子做了。

淘宝UED对这个的讲解如下:http://ued.taobao.com/blog/2013/03/jquery-noconflict/

posted @ 2014-06-27 14:58  霏霏雪无声  阅读(252)  评论(0编辑  收藏  举报