码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-07-10 12:25:00      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   strong   cti   

借到了司徒正美的写的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命名空间笔记,布布扣,bubuko.com

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

标签:style   blog   http   color   strong   cti   

原文地址:http://www.cnblogs.com/ffjiang/p/3812004.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!