jQuery.extend()详解

gaosboy 发布于2019-08-30 15:53 / 569人阅读

摘要：方法作用是，用一个或多个其他对象来扩展一个对象。通常使用格式如下上述代码含义是将合并到中，并返回。如果该方法里面两个参数都是数组呢控制台输出的为如果方法省略了参数，则表示将合并到全局对象中去。

jQuery.extend()方法作用是，用一个或多个其他对象来扩展一个对象。
通常使用格式如下：
jQuery.extend(dest,src1,src2,src3...);
上述代码含义是：将src1、src2、src3合并到dest中，并返回dest。
示例：

    var dest = {name:"zhu",age:"15"};
    var src1 = {name:"zhang",age:"18"};
    var src2 = {name:"zhou",age:"25"};
    var src3 = {num:15,city:"hongkong"};
    var src4 = {grade:98,course:"math"};
    $.extend(dest,src3,src4);
    console.log(dest);

此时控制台输出的合并后的dest如下：

注意到jQuery.extend()方法是会改变被拓展的对象的，如果不想改变原对象，可以把第一个参数设置为{}。
在本文的开头有提到过jQuery.extend()方法拓展的是对象，其实在JS里面数组也是对象，如：

var dest = {name:"zhu",age:"15"};
var src = [1,2];
$.extend(dest,src);
console.log(dest);

控制台输出的dest为：

此时会把数组的索引值当做属性进行合并。
如果该方法里面两个参数都是数组呢？

var dest = [1,2];
var src = [3,4];
$.extend(dest,src);
console.log(dest);

控制台输出的dest为：

如果jQuery.extend()方法省略了dest参数，则表示将src合并到jQuery全局对象中去。示例如下：

$.extend({
    test1:function(){alert("hello world");}
        });
$.test1();  //弹出hello world

$.extend({
    test2:"hello world"
        });
alert($.test2);  //弹出hello world

需要注意的是，jQuery.fn.extend(object)是扩展 jQuery 元素集来提供新的方法（通常用来制作插件），不要和jQuery.extend()方法弄混淆。

私有云服务器托管判断详解日志详解属性详解算法详解

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

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

详解 Jquery extend() 和Jquery.fn.extend()

摘要：文档上的解释将一个或者多个对象扩展一个新对象，返回一个新的对象是否深度克隆对象，将要扩展到的新对象，待合并到新对象的第一个对象，待合并到新对象的第个对象例将合并到作为一个新对象，此时输出的所输出内容将是两个对象属性集合，我们之所以这么做，可 Jquery extend() API文档上的解释:将一个或者多个对象扩展一个新对象，返回一个新的对象 $.extend([deep],targ...

hlcfan 2019-08-22 18:19 评论0 收藏0
jQuery.extend()详解

摘要：方法作用是，用一个或多个其他对象来扩展一个对象。通常使用格式如下上述代码含义是将合并到中，并返回。如果该方法里面两个参数都是数组呢控制台输出的为如果方法省略了参数，则表示将合并到全局对象中去。 jQuery.extend()方法作用是，用一个或多个其他对象来扩展一个对象。通常使用格式如下：jQuery.extend(dest,src1,src2,src3...);上述代码含义是：将s...

Andrman 2019-08-20 14:45 评论0 收藏0
jQuery.extend()详解

摘要：方法作用是，用一个或多个其他对象来扩展一个对象。通常使用格式如下上述代码含义是将合并到中，并返回。如果该方法里面两个参数都是数组呢控制台输出的为如果方法省略了参数，则表示将合并到全局对象中去。 jQuery.extend()方法作用是，用一个或多个其他对象来扩展一个对象。通常使用格式如下：jQuery.extend(dest,src1,src2,src3...);上述代码含义是：将s...

hellowoody 2019-08-01 16:24 评论0 收藏0
jQuery结构简析

摘要：构成类数组对象，引入，并使其自增版本信息模拟数组，即这里构成一个类数组对象由于这里把作为构造函数调用，得到一个对象，所以我们把作为的原型。本文简单实现jQuery框架，深入理解javascript对象。本文的对照版本是jQuery-1.2.6.js 本文注重jquery结构设计思路，并不侧重具体功能的实现以及兼容性和安全性的部分。首先建立基本框架如下： (function(wind...

xiaokai 2019-08-23 11:53 评论0 收藏0
jQuery 源码系列（一）总体架构

摘要：到目前为止，的贡献者团队共名成员，多条，可想而知，是一个多么庞大的项目。参考源码分析整体架构源码解析读书笔记第二章构造对象函数详解本文在上的源码地址，欢迎来。欢迎来我的专栏查看系列文章。决定你走多远的是基础，jQuery 源码分析，向长者膜拜！我虽然接触 jQuery 很久了，但也只是局限于表面使用的层次，碰到一些问题，找到 jQuery 的解决办法，然后使用。显然，这种做法的...

svtter 2019-08-21 15:13 评论0 收藏0