Java程序猿的JavaScript学习笔记（10—— jQuery-在“类”层面扩展）

计划按例如以下顺序完毕这篇笔记：

1. Java程序猿的JavaScript学习笔记（1——理念）
2. Java程序猿的JavaScript学习笔记（2——属性复制和继承）
3. Java程序猿的JavaScript学习笔记（3——this/call/apply）
4. Java程序猿的JavaScript学习笔记（4——this/闭包/getter/setter）
5. Java程序猿的JavaScript学习笔记（5——prototype）
6. Java程序猿的JavaScript学习笔记（6——面向对象模拟）
7. Java程序猿的JavaScript学习笔记（7——jQuery基本机制）
8. Java程序猿的JavaScript学习笔记（8——jQuery选择器）
9. Java程序猿的JavaScript学习笔记（9——jQuery工具方法）
10. Java程序猿的JavaScript学习笔记（10——jQuery-在“类”层面扩展）
11. Java程序猿的JavaScript学习笔记（11——jQuery-在“对象”层面扩展）
12. Java程序猿的JavaScript学习笔记（12——jQuery-扩展选择器）
13. Java程序猿的JavaScript学习笔记（13——jQuery UI）
14. Java程序猿的JavaScript学习笔记（14——扩展jQuery UI）

这是笔记的第10篇，我们考虑怎样从有用角度，从“类”的角度对家Query进行扩展。

jQuery是一个紧凑的框架，专注解决最核心的问题，没有追求大而全，全部扩展机制对jQuery来说，至关重要。

JavaScript以函数为基础，今天我们试图基于jQuery构建一个针对自己项目的函数库，每一个函数实现特定的功能，同一时候对这些函数进行有效的组织。

作者博客：http://blog.csdn.net/stationxp

作者微博：http://weibo.com/liuhailong2008

转载请取得作者允许

1、目标

通过$调用我们的函数库。函数库依照功用分级组织。效果例如以下：

$.util.parseDate

$.util.parseDecimal

$.page.event.init

2、方法

上一篇我们了解到。通过jQuery.extend()能够方便地对jQuery进行扩展，甚至能覆盖extend本身。

jQuery.extend()支持下面几种函数签名：

jQuery.extend(obj);

jQuery.extend(isDeep,obj);

jQuery.extend(target,src1,src2,...);

jQuery.extend(isDeep,target,src1,src2,...);

我们能够extend源码的基础上改动，并覆盖原来的extend，这样改动一个可能被广泛使用的函数，改动了其它人对输入參数的预期，是不合适的，可能会误导其它人。输入了错误的參数，带来错误隐患。



我们又一次定义一个方法。例如以下：

jQuery.extend({
	ns_extend : function(){
		var ns, nss, target, i, src, length ;
		length = arguments.length;
 
		if(length>1){
			ns  = arguments[0];
			i = 1;
		} else {
			i = 0;
		}
 
		if(!( src = arguments[i] )  ||  !jQuery.isPlainObject( src ) ){
			return ;
		}
 
		target = this;
 
		if(ns){
			nss = ns.split('.'); // TODO 这里须要做好多字符过滤处理
			for( var idx = 0; idx < nss.length ; ++idx	){
				ns =  nss[idx];// ns 的语义改变了，原来的语义使命结束，这里用作暂时变量
				ns = jQuery.trim(ns);
				if(ns){
					target[ns] = target[ns] || {};
					target = target[ns];
				}
			}
		}
 
		for( ; i < length ;  ++i ){
			src = arguments[i];
			jQuery.extend( target, src );
		}
 
	}
});
 
jQuery.ns_extend('pet',{
	miao : function(){
		alert('i am a cat');
	}
});
 
jQuery.ns_extend('my.fav.pet',{
	wangwang : function(){
		alert('i am a dog');
	}
});
 
$.pet.miao();
 
$.my.fav.pet.wangwang();

目的达成。