$.extend()的深拷贝和浅拷贝详细讲解

语法：jQuery.extend( [deep ], target, object1 [, objectN ] )

描述: 将两个或更多对象的内容合并到第一个对象。

关于$.extend()的用法网上有很多文章，在这里指向写写对深浅拷贝的理解

深浅拷贝对应的参数就是[deep]，是可选的，为true或false。默认情况是false（浅拷贝），并且false是不能够显示的写出来的。如果想写，只能写true（深拷贝）~~

什么是深、浅拷贝呢？先讲定义，再举例子

在默认情况下，通过$.extend()合并操作不是递归的（浅拷贝）;如果第一个对象的属性本身是一个对象或数组，那么它将完全用第二个对象相同的key重写一个属性。这些值不会被合并。然而，如果将 true 作为该函数的第一个参数，那么会在对象上进行递归的合并（深拷贝）。

浅拷贝（false 默认）：如果第二个参数对象有的属性第一个参数对象也有，那么不会进行相同参数内部的比较，直接将第一个对象的相同参数覆盖。

深拷贝（true）：如果第二个参数对象有的属性第一个参数对象也有，还要继续在这个相同的参数向下一层找，比较相同参数的对象中是否还有不一样的属性，如果有，将其继承到第一个对象，如果没有，则覆盖。

$.extend()的深拷贝和浅拷贝详细讲解栗子：

var object1 = {

    apple: 0,

    banana: {

        weight: 52,

        price: 100

    },

    cherry: 97

};

var object2 = {

    banana: {

        price: 200

    },

    durian: 100

};

//默认情况浅拷贝

//object1--->{"apple":0,"banana":{"price":200},"cherry":97,"durian":100}

//object2的banner覆盖了object1的banner，但是weight属性未被继承

//$.extend(object1, object2);

//深拷贝

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

//object2的banner覆盖了object1的banner，但是weight属性也被继承了呦

$.extend(true,object1, object2);

console.log('object1--->'+JSON.stringify(object1));

仔细阅读上面这段代码，去运行看结果，你就会理解什么是深拷贝和浅拷贝了！

随机推荐

【Win 10开发】协议-上篇：自定义应用协议
就像系统许多内置应用可以通过URI来启动(如ms-settings-bluetooth:可以打开蓝牙设置页),我们自己开发的应用程序,如果需要的话,可以为应用程序自定义一个协议.应用程序协议在安装时会 ...
The network bridge on device VMnet0 is not running
The network bridge on device VMnet0 is not running. The virtual machine will not be able to communic ...
MySQL学习笔记十：日志管理
1.错误日志文件 MySQL的错误日志文件记录错误信息,还会记录mysqld进程的关闭和启动的信息,但也不是什么错误信息都会记录,只记录mysqld进程运行过程中发生的关键性错误. 错误日志的启动,可 ...
窥探Swift之函数与闭包的应用实例
今天的博客算是比较基础的,还是那句话,基础这东西在什么时候都是最重要的.说到函数,只要是写过程序就肯定知道函数是怎么回事,今天就来讨论一下Swift中的函数的特性以及Swift中的闭包.今天的一些小实 ...
ORM开发之解析lambda实现group查询(附测试例子)
目的:以编程方式实现group查询,在开发ORM时,需要达到这样的效果先看一个简单的group语句 select BarCode,ProductName,COUNT(BarCode) as tota ...
【经验之谈】Git使用之Windows环境下配置
前言安装配置关于git使用的几个问题后记关于代码托管,以前用过vss和svn,看博客或论坛的时候,经常有人提到github,有很多著名的开源软件都托管在github,想来肯定不错(莫笑),当 ...
安装nginx
[yum安装nginx] yum clean all(这步不执行会出现no more mirrors to try错误) cd /etc/yum.repos.d/ vi nginx.repo 填写 [ ...
[c++] Templates
Template是编译时多态.所有的模板都是在编译时产生对应的代码,它没有面向对象中的虚表,无法实现动态多态. Function Template A function template is a p ...
浅谈2D游戏设计模式2- WZ文件详解（UI.WZ）之MapLogin.img(1)
玩过冒险岛的人都知道有一个WZ文件,那么这个WZ文件的内部是怎么样的呢,今天我就带大家一探究竟. 说实在的,我这是第一次接触WZ文件,但是却让我很震撼,为什么很震撼,因为这个居然是用VS2010写的! ...
MongoDB初学
参考:MongoDB 教程 | 菜鸟教程安装 1.下载安装,从官网下载winows安装包,安装到d盘(注意路径) 2.由于我安装在d盘,所以在d盘创建文件夹data,里面创建db文件夹 3.启动方法 ...

秒客网

$.extend()的深拷贝和浅拷贝详细讲解

随机推荐

相关文章