jq中extend函数的使用

jq的扩展方法extend是我们在写插件的过程中常用的方法。

1.jq的扩展方法extend的原型：

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

该方法的含义是将src1，src2，src3...合并到dest中，返回值为合并后的dest，由此可以看出，使用了改方法后，dest的结构被修改。如果只想要得到合并的结果却不想修改dest的结构，可以这样使用：

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

按着上面进行处理，就会将合并的结果返回给newSrc了

举个例子：

var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})；
结果为：
result={name:"Jerry",age:21,sex:"Boy"}

也就是说：后面的参数如果和前面的参数存在相同的名称，那么后面的会覆盖前面的参数值。

2.如果省略dest参数：

上面的extend原型方法中dest参数是可以被省略的，如果dest省略，则改方法就只能有一个src参数，而且是将该src合并到调用extend方法的对象中去。

如：1.$.extend(src):该方法就是将src合并到jq的全局对象中去

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

此段代码就是将hello方法合并到jq的全局对象中。

2.$.fn.extend(src):该方法就是将src合并到jq的实例对象中去

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

此段代码就是将hello方法合并到jq的实例对象中。

下面举个常用的扩展实例：

在jq全局对象中扩展一个net命名空间：
    $.extend({net:{}});
将hello方法扩展到之前扩展的jq的net命名空间中去
    $.extend($.net,{
        hello:function(){alert('hello');}
    })

3.jq的extend方法还有一个重载原型：即是否进行深度拷贝

重载的原型：

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

第一个参数boolean代表的是，是否进行深度拷贝，其余参数和前面一致。

举个例子介绍一下深度拷贝：

var result=$.extend( true, {}, 
    { name: "John", location: {city: "Boston",county:"USA"} }, 
    { last: "Resig", location: {state: "MA",county:"China"} } 
);
可以看出src1中嵌套子对象location:{city:"Boston",county:"USA"},src2中也嵌套子对象location:{state:"MA",county:"China"},第一个深度拷贝参数为true，那么合并后的结果就是： 

result={name:"John",last:"Resig",location:{city:"Boston",state:"MA",county:"China"}}

即，如果为true，那么它会将src中嵌套的子对象也进行合并，而如果boolean为false，则结果为：

result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}

jq中extend函数的使用

猜你喜欢