模仿JQuery.extend函数扩展自己对象.docVIP

X最近打算写个自己的js工具集合，把自己平常经常使用的方法很好的封装起来，其中模仿了jq的结构。但在写的过程中发现，如果要在之前写好的对象中添加新的静态方法或实例方法，要修改原有的对象结构，于是查看了jquery了extend方法，果然extend方法支持了jq的半边天，拿来主义，给自己的对象做扩张用。下面进入正题： 假如有以下一个对象 代码 var　MyMath　=　{//加法Add:　function(a,　b){return　a　+　b;},//减法Sub:　function(a,　b){return　a　-　b;}} 对象名MyMath，有两个静态方法Add和Sub，正常调用： alert(MyMath.Add(3,　5))　//结果8 好，现在如果现在MyMath增加两个静态方法（乘法、除法）怎么办，并且不要修改之前写好的对象，以前我们可以这么做： 代码 //新加一静态方法：Mul乘法MyMath[Mul]　=　function(a,　b){return　a　*　b;}//新加一静态方法：Div除法MyMath[Div]　=　function(a,　b){return　a　/　b;} 这样，我们给MyMath添加两个方法：Mul和Div。正常调用： alert(MyMath.Add(3,　5))　//结果8alert(MyMath.Mul(3,　5))　//结果15 但是，刚才增加方法的写法有点笨拙，每增加一个方法都要写一次对象名（MyMath），能不能想之前我们创建对象的时候那样，通过Json的结构去声明一个对象呢？ 答案当然是可以了，通过模拟JQuery.extend函数，轻松做到。以下提取JQuery.extend函数并修改了函数名： 代码 MyMath.extend　=　function(){//　copy　reference　to　target　objectvar　target　=　arguments[0]　||{},　i　=　1,　length　=　arguments.length,　deep　=　false,　options;//　Handle　a　deep　copy　situationif　(typeof　target　===　boolean)　{deep　=　target;target　=　arguments[1]　||{};//　skip　the　boolean　and　the　targeti　=　2;}//　Handle　case　when　target　is　a　string　or　something　(possible　in　deep　copy)if　(typeof　target　!==　object　　!jQuery.isFunction(target))target　=　{};//　extend　jQuery　itself　if　only　one　argument　is　passedif　(length　==　i)　{target　=　this;--i;}for　(;　i　　length;　i++)//　Only　deal　with　non-null/undefined　valuesif　((options　=　arguments[i])　!=　null)//　Extend　the　base　objectfor　(var　name　in　options)　{var　src　=　target[name],　copy　=　options[name];//　Prevent　never-ending　loopif　(target　===　copy)continue;//　Recurse　if　were　merging　object　valuesif　(deep　　copy　　typeof　copy　===　object　　!copy.nodeType)target[name]　=　jQuery.extend(deep,　//　Never　move　original　objects,　clone　themsrc　||　(copy.length　!=　null　?　[]　:　{}),　copy);//　Dont　bring　in　undefined　valueselseif　(copy　!==　undefined)target[name]　=　copy;}//　Return　the　modified　objectreturn　target;}; 现在我们通过这个extend方法来增加刚才我们的方法（乘法、除法）： 代码 MyMath.extend({Mul:　function(a,　b