举例分析jQuery.extend()方法

jerryloveemily 发布于2019-08-19 18:19 / 2320人阅读

摘要：今天大致看了一遍方法的源码，特地过来分享一下自己的理解方法和用于合并两个或对个对象的属性到第一个对象解释一下参数的具体作用参数是型，用于表示是否进行递归合并也叫做深层拷贝在此解释一下什么是递归合并，递归合并就是当所要合并的对象具有相同的属性

今天大致看了一遍extend方法的源码，特地过来分享一下自己的理解

方法jQuery.extend()和jQuery.fn.extend()用于合并两个或对个对象的属性到第一个对象

syntax:
    jQuery.extend([deep],target,object1,[,objectN])
    jQuery.fn.extend([deep],target.object1,[,objectN])

解释一下参数的具体作用：
参数deep是boolean型，用于表示是否进行递归合并(也叫做深层拷贝)
在此解释一下什么是递归合并，递归合并就是当所要合并的对象具有相同的属性时，只保留其中的一个属性，并舍弃其他的，使合并后属性唯一
deep默认值为false;

来我先举个例子让大家对递归合并混个脸熟

$rel = $.extend({}， //使用空对象作为默认值，这里使用默认值false            
                {vehicle:"Porsche",color: "red",feature:"import",
                                speed:    {min:"100",max:"200",average:"150"}},
                {vehicle: "BMW",color:"blue",
                                speed:{min:"20",max:"40"    }}
)//第二个对象多了一个feature属性

//输出为 {vehicle:"BMW",color:"blue",speed:{min:"20",max:"40"}
//如果这里用true的话，speed变为{min:"20",max:"40",average:"150"}

参数target表示合并后的目标对象
参数objectN表示所要进行合并的源对象

但当只提供一个对象时，则忽略目标对象，并将jQuery或jQuery.fn当做目标对象，这个方法用于向jQuery或jQuery.fn对象添加属性，并且这是个添加属性的实用技巧

云服务器 GPU云服务器数据分析举例大数据分析举例数据分析分析方法数据分析的分析方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79451.html

jQuery源码解析之$().animate()（上）

摘要：前言需要先看源码解析之和一举例的宽度先变成，再变成，最后变成这是在异步调用中，进行同步调用动画是异步的就是连续调用二作用通过样式将元素从一个状态改变为另一个状态源码之前有说过是的方法源码行是否是空对象，方法执行单个动画的封装的本质是执行 showImg(https://segmentfault.com/img/remote/1460000019594521); 前言：需要先看 jQue...

Batkid 2019-08-23 18:20 评论0 收藏0
jQuery源码分析3-jQuery对象的扩展--extend

摘要：的指向的是对象，所以此时扩展的是对象，可以直接通过的方式调用。写过jquery插件的人都知道可以通过jquery提供的extend可以对jquery对象进行扩展，而且该方法不仅可以对jquery对象扩展，还能给一个对象添加新的属性和方法，这个在后面会介绍。通过不同的方式调用extend扩展的方法也不同：通过 $.extend() 扩展的是静态方法；而通过 $.fn.exten...

MonoLog 2019-08-20 13:53 评论0 收藏0
jQuery源码分析-整体架构（转）

摘要：文章出处拜读一个开源框架，最想学到的就是设计的思想和实现的技巧。利用下的简单工厂模式，来将所有对于同一个对象的操作指定同一个实例。所以的中提供了以上中扩展函数。文章出处 http://www.cnblogs.com/aaronjs/p/3278578.html 拜读一个开源框架，最想学到的就是设计的思想和实现的技巧。废话不多说，jquery这么多年了分析都写烂了，老早以前就拜读过，...

voidking 2019-08-21 10:39 评论0 收藏0
jQuery方法总结大全

摘要：为所有的请求进行全局设置。从中取得一组值，显示出来方法说明显示隐藏的匹配元素。通过高度变化向下增大来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。 Attribute： $(p).addClass(css中定义的样式类型); 给某个元素添加样式 $(img).attr({src:test.jpg,alt:test Image}); 给某个元素添加属性/值，参数是map ...

Coly 2019-08-20 12:09 评论0 收藏0