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

浏览数：17 / 时间：2015年06月09日

借到了司徒正美的写的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/

js框架设计1.1命名空间笔记,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class 代码 style sp nb js class 代码 style sp nb js

相关文章

随机文章

您可能还喜欢

您可能还喜欢