jQuery.extend 的用法

jQuery.extend 的用法:

1、Jquery的扩展方法原型:　　

    extend(dest,src1,src2,src3...);

    它的含义是将src1,src2,src3...合并到dest中，返回值为合并后的dest，修改了dest的结构。

    如果想要得到合并的结果却又不想修改dest的结构，可以如下使用：

    var newSrc=$.extend({},src1,src2,src3...)    //也就是将"{}"作为dest参数。

    示例：

    var result=$.extend({},{name:"joker",age:28},{name:"rita",sex:"girl"})    //result={name:"rita",age:28,sex:"girl"}   

    说明当后面的参数和前面的参数具有相同名称时，后面的值会覆盖前面的值。

2、无dest参数

    如果省略了dest参数，则该方法就只能有一个src参数，而且是将该src合并到调用extend方法的对象中去，如：

    a、$.extend(src)    该方法是将src合并到jquery的全局对象中去，如：

        $.extend({ func1: function(){ alert('hello'); } });

        这样就将func1()方法合并到jquery的全局对象中，调用的时候直接 $.func1() 即可。

    b、$.fn.extend(src)    该方法将src合并到具体的实例对象中去，如:

        $.fn.extend({ func2: function(){ alert('hello'); } });

        就是将func2()方法合并到jquery的实例对象中，调用的时候需要用具体对象去调用，如：$("#id").func2()。

3、Jquery的extend方法还有一个重载原型：

    extend(boolean,dest,src1,src2,src3...)

    第一个参数boolean代表是否进行深度拷贝，这种和前面那种有什么不同呢？举个栗子：

    var result=$.extend( true, {}, 

                                    { name: "joker", action: {reading: "yes",sleeping:"no"} }, 

                                    { sex: "boy", action: {reading: "no",shopping:"haha"} } );

    那么当第一个参数为true时（深拷贝），合并后的结果： 

    result={name:"joker",sex:"boy", action:{reading:"no", sleeping:"no", shopping:"haha"}};

    而如果第一个参数为false时（浅拷贝），合并后的结果： 

    result={name:"joker",sex:"boy", action:{reading: "no",shopping:"haha"}};

    也就是说，浅拷贝的时候，子项不合并，而是直接后面的覆盖前面的。