补充$.extend()

  这里多谢某童鞋的提醒!说我的上篇随笔jquery插件开发的方式一还还可用于合并参数和深clone,虽然方式二中用了方式一做参数合并,但并未详细介绍,所以今天在此处做点补充!

  一、合并参数

  jquery的extend扩展原型是:

extend(arg,arg1,arg2,……);

返回值未arg1,arg2……合并到arg。这里就有两种用法。

  • 省略arg参数,则arg1,arg2……合并后返回,如:
var results=$.extend({name:‘nick‘},{sex:‘handsome‘});
//那么,返回值为
results={name:‘nick‘,sex:‘handsome‘};
自定义arg参数,则返回自定义类型的arg。如:
//这里定义arg为一个对象
var results=$.extend({},{name:‘nick‘},{sex:‘handsome‘});
//那么,返回值为arg对象
results={name:‘nick‘,sex:‘handsome‘};
//这里定义arg为一个数组
var results=$.extend([],{name:‘nick‘},{sex:‘handsome‘});
//那么,返回值为arg数组
results=[name:‘nick‘,sex:‘handsome‘];

注意:
  合并参数时,若$.extend()中参数的属性名冲突了,则后面的值会替换前面的值。如:

//这里定义arg为一个对象
var results=$.extend({},{name:‘nick‘,sex:‘male‘},{sex:‘handsome‘});
//那么,返回值为arg对象。sex属性冲突,则后面的值handsome替换male
results={name:‘nick‘,sex:‘handsome‘};

二、clone  

  jquery的extend的clone为:

$.extend(boolean,arg,arg1,arg2……);
  •   boolean为true时,深clone:
var results=$.extend(true,{},{user:{name:‘nick‘,love:‘money‘},age:25},{user:{name:‘summer‘,like:‘car‘},sex:‘handsome‘});
//返回值
results={"user":{"name":"summer","love":"money","like":"car"},"age":25,"sex":"handsome"};
  •   boolean为false时(默认):
var results=$.extend(false,{},{user:{name:‘nick‘,love:‘money‘},age:25},{user:{name:‘summer‘,like:‘car‘},sex:‘handsome‘});
//返回值
results={"user":{"name":"summer","like":"car"},"age":25,"sex":"handsome"};

  亲们,注意到了麽?好好看看返回值!
注意:

  •   $.extend()用于clone时最好将boolean设为true。
  •   由于jquery早期版本只有浅clone,不过后面的版本修复了,所以使用jquery cdn时尽量使用较高版本。
时间: 2024-10-27 18:13:51

补充$.extend()的相关文章

angular.copy和angular.extend

angular.copy用于深复制,而angular.extend用于拓展.     angular.copy(src,[dst]) src:源对象 dst:目标对象,复制的对象 js中 '= '操作符复制的是指针,所以前后两个变量指向的还是内存中的同一个对象,所以在其中一个变量上操作该对象时,对另外一个变量也会生效.而angular.copy方法是深复制,会在内存中再生成一个对象,两个变量彼此独立,互不影响. 接收一个必须参数src,一个可选参数dst.如果dst没有提供,就会创建对象或者数组

python: the difference between append and extend

Data Analysis: indoor localization using received signal strength (RSS) An error about list operation in python: append and extend elements We define a list A to storage objects, which the length is unknown, and list B and C to storage the final resu

SASS详解之沿袭(extend)

SASS详解之继承(extend) 每一个类名都有可能有另一个类名的所有样式和它自己的特定样式的.当一个div的身上有两个类名,一个是“one”,另一个是“two”的时候.如下 HTML代码 <div class="one two"> 梦龙小站 </div> CSS代码 .one {width:100px;height:100px;} .two {background:red;border:5px solid #000;} 这就意味着,我们要配备一个很好的记忆力

$.extend(true,{},a,b),深入理解,小心陷阱

$.extend一般情景下,使用深度拓展两个对象时,我们想要的效果是,b对象覆盖掉a对象中存在的所有属性,没有则新增到a对象中:下面我们看一下我所遇到的问题:我希望通过深度拓展将tmp中的editoption覆盖掉ret中的editoption;所以采用了深度拓展方法  ret = $.extend(true,{},ret,tmp);但结果并没有达到我想要的效果:对象属性中的数组长度依然没有发生变化.通过样例比较发现,数组长度虽然没有发生变化,但是数组前排列在前8位的值发生了改变,也就是是说,变

$.fn.extend简单学习

(function($){ /** 1. $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效. 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法, 那么后面你的每一个jquery实例都可以引用这个方法了.  那么你可以这样子:$("#div").abc();  2.   jQuery为开发插件提拱了两个方法,分别是:  jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法.→

五.jQuery源码解析之jQuery.extend(),jQuery.fn.extend()

给jQuery做过扩展或者制作过jQuery插件的人这两个方法东西可能不陌生.jQuery.extend([deep],target,object1,,object2...[objectN]) jQuery.fn.extend([deep],target,object1,,object2...[objectN])这两个属性都是用于合并两个或多个对象的属性到target对象.deep是布尔值,表示是否进行深度合并,默认是false,不执行深度合并.通过这种方式可以在jQuery或jQuery.fn

U盘装WIN7出现 &quot;C:\$Extend\$Reparse 已损坏且无法读取&quot;的解决

今天用U盘安装WIN7 64位系统出现"C:\$Extend\$Reparse 已损坏且无法读取.请运行Chkdsk工具"报错故障.后经度娘找到了答案,使用了PE系统自带"diskgenius"硬盘分区工具进行分区并格式化造成的.具体原因尚不清楚,估计是老牌DOS工具对新机器的分区支持不好造成的吧.最后再进入PE系统,用微软自带的工具来格式化,点击"我的计算机右击-管理-磁盘管理"选中(系统盘)C盘右击选格式化.格式化完成后,再安装系统就OK了没

jquery的2.0.3版本源码系列(3):285-348行,extend方法详解

目录 1 . jquery extend的基本使用 通过285行的源码 jQuery.extend = jQuery.fn.extend = function() { ,extend方法要么是直接挂在到jQuery的静态方法,要么是挂载到fn上其实就是原型上(参考283行的赋值操作)的实例方法.extend方法可以传一个对象,类似于插件的方式,也可以传多个对象进行拷贝. <script src="js/jquery-2.0.3.js"></script> <

局部变量,全局变量,extend,static

main.c #include <stdio.h> #include "zs.h" /* 局部变量是定义在函数.代码块.函数形参列表.存储在栈中,从定义的那一行开始作用域结束释放. 全局变量:写在函数,代码块,形参列表外的变量,从定义的那一行开始一直直到文件末尾(暂时这样认为),全局变量如果没有进行初始化是0,存储在静态区中, 随着程序的结束而结束. */ /* 全局变量分为两种: 1.外部全局变量: 可以被其它文件访问的全局变量我们称之为外部全局变量(默认情况下所有的全局

jQuery.extend

合并对象 extend 函数在 合并对象 方面的用法. jQuery.extend(target , [object1] ,[objectN]) 合并 object1 ... objectN 到 target 对象,如果只有一个参数,则该 target 对象会被合并到 jQuery 对象中. var obj1 = { name: 'Tom', age: 21 } var obj2 = { name: 'Jerry', sex: 'boy' } $.extend(obj1, obj2); // {