本文是在JavaScript之三里面链接内容的中文翻译。我会尽可能做到信达雅且保持作者原意不变，OK，let's Go!

　　

　　jQuery.extend(target,[object1],[objectN])

　　jQuery.extend(目标对象，对象1，对象N)

　　　　概述：合并2个或以上的对象属性到第一个对象上。(此处的意思就是将对象1对象N的属性合并到目标对象上，这里是直译的)

　　　　　　　jQuery.extend(目标对象，对象1，对象N)

　　　　　　　　　目标对象：

　　　　　　　　　类型：object

　　　　　　　　　接收传进来的其他对象的属性或者当它是唯一参数时，扩展jQuery命名空间

　　　　　　　　　对象1

　　　　　　　　　类型：object

　　　　　　　　　包含要合并的额外属性

　　　　　　　　　对象N

　　　　　　　　　类型：object

　　　　　　　　　包含要合并的额外属性

　　　　　　　jQuery.extend([deep]，目标对象，对象1，[对象N])　　

　　　　　　　　　对象1

　　　　　　　　　类型：Boolean

　　　　　　　　　如果为true,则变为递归合并(又叫深度复制 [deep copy])

　　　　　　　　　目标对象：

　　　　　　　　　类型：object

　　　　　　　　　被扩展对象，接收新属性

　　　　　　　　　对象1

　　　　　　　　　类型：object

　　　　　　　　　包含要合并的额外属性

　　　　　　　　　对象N

　　　　　　　　　类型：object

　　　　　　　　　包含要合并的额外属性

　　当2个或更多对象参数被添加到$.extend()里面时，所有这些对象的属性都会被合并到目标对象，如果参数为null或undefined时，则会被忽略。

　　如果$.extend()里只有1个参数，则意味着目标对象被省略了，在此种情况下，jQUery对象本身会被当做目标对象。这样的话，你可以添加新方法到jQUery命名空间内，这对想要给jQUery添加新方法的插件开发者来说非常有用。

　　注意：目标对象将会被修改然后被返回，但如果你想保留所有的初始对象，可以传递一个{}作为目标对象。//见最后一个例子

 var object = $.extend({}, object1, object2);

　　通过$.extend()执行的合并默认情况下是非递归的，但如果前一个对象的属性本身是array或object类型，那么这个属性就会被第二个以及随后的具有同属性名的对象重写，他们的值不会合并，这在下面的例子中通过检查banana的值可以看到。但如果第一个方法参数传递的是true，则将会被递归合并。

　　注意：不支持传递false给第一个参数。

　　未定义属性不会被复制，但从原型中继承过来的属性则可以被复制，通过构造函数或者JavaScript类型比如 Date or RegExp创建的对象的属性不会被重建，而且将作为结果对象或数组的简单对象。

　　在深度扩展中，Object 和 Array将会被扩展，但原始类型封装的对象比如 String, Boolean, 和 Number则不会，深度扩展周期数据结构将会导致错误。

　　如果有超出这些方法的需求，只能用自定义方法来替代，或者是使用一个像lodash那样的库。

　　

　　案例：

　　合并2个对象，修改第一个对象

 <!doctype html>

 <html lang="en">

 <head>

   <meta charset="utf-8">

   <title>jQuery.extend demo</title>

   <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

 </head>

 <body>

 <div id="log"></div>

 <script>

 var object1 = {

   apple: 0,

   banana: { weight: 52, price: 100 },

   cherry: 97

 };

 var object2 = {

   banana: { price: 200 },

   durian: 100

 };

 // Merge object2 into object1

 $.extend( object1, object2 );

 // Assuming JSON.stringify - not available in IE<8

 $( "#log" ).append( JSON.stringify( object1 ) );

 </script>

 </body>

 </html>

Demo：

{"apple":0,"banana":{"price":200},"cherry":97,"durian":100}

　　递归合并2个对象，修改第一个对象

 <!doctype html>

 <html lang="en">

 <head>

   <meta charset="utf-8">

   <title>jQuery.extend demo</title>

   <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

 </head>

 <body>

 <div id="log"></div>

 <script>

 var object1 = {

   apple: 0,

   banana: { weight: 52, price: 100 },

   cherry: 97

 };

 var object2 = {

   banana: { price: 200 },

   durian: 100

 };

 // Merge object2 into object1, recursively

 $.extend( true, object1, object2 );

 // Assuming JSON.stringify - not available in IE<8

 $( "#log" ).append( JSON.stringify( object1 ) );

 </script>

 </body>

 </html>

Demo：

{"apple":0,"banana":{"weight":52,"price":200},"cherry":97,"durian":100}

　　合并默认值和设置值，且不修改默认值，这也是常见的插件开发类型。

 <!doctype html>

 <html lang="en">

 <head>

   <meta charset="utf-8">

   <title>jQuery.extend demo</title>

   <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

 </head>

 <body>

 <div id="log"></div>

 <script>

 var defaults = { validate: false, limit: 5, name: "foo" };

 var options = { validate: true, name: "bar" };

 // Merge defaults and options, without modifying defaults

 var settings = $.extend( {}, defaults, options );

 // Assuming JSON.stringify - not available in IE<8

 $( "#log" ).append( "<div><b>defaults -- </b>" + JSON.stringify( defaults ) + "</div>" );

 $( "#log" ).append( "<div><b>options -- </b>" + JSON.stringify( options ) + "</div>" );

 $( "#log" ).append( "<div><b>settings -- </b>" + JSON.stringify( settings ) + "</div>" );

 </script>

 </body>

 </html>

Demo：

defaults -- {"validate":false,"limit":5,"name":"foo"}

options -- {"validate":true,"name":"bar"}

settings -- {"validate":true,"limit":5,"name":"bar"}

　　

大虾翻译（一）：jQuery.extend()的更多相关文章

  1. 图片放大功能插件及jquery.extend函数理解

    前端时间,产品提出社区评论中的图片需要有放大功能.感觉可以共用,所以就想整合一个插件,过程中也借鉴了一些例子. 分析下自己的代码思路: var scaleImg = function(opts) { ...

  2. jQuery为开发插件提拱了两个方法:jQuery.fn.extend(); jQuery.extend();

    jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(); jQuery.extend(); jQuery.fn jQuery.fn = jQuery.prototype ...

  3. jquery.extend

    经常在插件中看到jquery.extend 方法,最近在尝试写一些简单的插件,顺便研究一下这个方法. 原文:http://www.cnblogs.com/RascallySnake/archive/2 ...

  4. jQuery extend扩展String原型

    jQuery.extend(String.prototype, { isPositiveInteger:function(){ return (new RegExp(/^[1-9]\d*$/).tes ...

  5. jQuery.extend和jQuery.fn.extend的区别【转】

    解释的很有意思,清晰明了又有趣,转来分享下,哈哈哈 jQuery.extend和jQuery.fn.extend的区别,其实从这两个办法本身也就可以看出来.很多地方说的也不详细.这里详细说说之间的区别 ...

  6. jQuery原生框架中的jQuery.fn.extend和jQuery.extend

    extend 方法在 jQuery 中是一个很重要的方法,jQuey 内部用它来扩展静态方法或实例方法,而且我们开发 jQuery 插件开发的时候也会用到它.但是在内部,是存在 jQuery.fn.e ...

  7. jquery.extend方法

    jquery.extend()用来扩展jquery中方法,实现插件. 1.jQuery.extend函数详细用法! 扩展jQuery静态方法. 1$.extend({ 2test:function() ...

  8. jQuery extend方法使用及实现

    一.jQuery extend方法介绍 jQuery的API手册中,extend方法挂载在jQuery和jQuery.fn两个不同对象上方法,但在jQuery内部代码实现的是相同的,只是功能却不太一样 ...

  9. jQuery.extend()方法和jQuery.fn.extend()方法源码分析

    这两个方法用的是相同的代码,一个用于给jQuery对象或者普通对象合并属性和方法一个是针对jQuery对象的实例,对于基本用法举几个例子: html代码如下: <!doctype html> ...

随机推荐

  1. poj2942 Knights of the Round Table，无向图点双联通，二分图判定

    点击打开链接 无向图点双联通.二分图判定 <span style="font-size:18px;">#include <cstdio> #include ...

  2. 3 分钟的高速体验 Apache Spark SQL

    "War of the Hadoop SQL engines. And the winner is -?" 这是一个非常好的问题.只要.无论答案是什么.我们都值花一点时间找出 Sp ...

  3. 《Javascript高级程序设计》读书笔记之对象创建

    <javascript高级程序设计>读过有两遍了,有些重要内容总是会忘记,写一下读书笔记备忘 创建对象 工厂模式 工厂模式优点:有了封装的概念,解决了创建多个相似对象的问题 缺点:没有解决 ...

  4. STM32W108无线传感器网络嵌入式uCOS-II的移植及实时环境监測

    基于STM32W108无线开发板,将ucos-ii v2.86内核移植到其上,并加入用户任务.实现对温湿度.超声波.声音.光敏等传感器的控制及实时数据採集. 14.1开发环境说明 硬件:STM32W1 ...

  5. android 设置默认启动network mode

    network mode常见类型 WCDMA preferred : 0 GSM only : 1 WCDMA only : 2 GSM UMTS : 3 CDMA : 4 ... (参考RILCon ...

  6. [置顶] 最优间隔分类器、原始/对偶问题、SVM的对偶问题——斯坦福ML公开课笔记7

    转载请注明:http://blog.csdn.net/xinzhangyanxiang/article/details/9774135 本篇笔记针对ML公开课的第七个视频,主要内容包括最优间隔分类器( ...

  7. 为Linux用ISO制作U盘启动及基本原理

    制作成功后的基本最简文件夹文件图 一.系统的基本引导流程: 首先系统要引导isolinux.bin可执行程序,此程序是移动介质上引导用的,isolinux.bin执行成功后会载入其配置文件syslin ...

  8. MIT 操作系统实验 MIT JOS lab2

    MIT JOS lab2 首先把内存分布理清楚,由/boot/main.c可知这里把kernel的img的ELF header读入到物理地址0x10000处 这里能够回想JOS lab1的一个小问.当 ...

  9. EasyUI基础searchbox&amp;progressbar(搜索框，进度条)

    easyui学习的基本组成部分(八个部分)硕果仅存searchbox和pargressbar.tooltip该,有一点兴奋.本文将偏向searchbox和pargressbar做一个探讨.鉴于双方的内 ...

  10. statickeyword于C和C++用法

    一.C语言statickeyword两个使用 1).一个功能修改内部使用的变量,函数内的静态变量.这些变量的寿命比功能不再,它是具有一定的函数"状态",使用静态变量的作用通常是不可 ...